"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2610],{79059:function(e,n,t){t.d(n,{l:function(){return p}});var i=t(85893),r=t(26447),o=t(46901),a=t(92401),s=t(44510),l=t(67294),c=t(2711),d=t.n(c),p=function(e){var n=e.titleText,t=e.descriptionText,c=e.onClose;return(0,l.useEffect)((function(){d().init({duration:1e3})}),[]),(0,i.jsx)(r.Z,{"data-aos":"fade-in",spacing:2,children:(0,i.jsxs)(o.Z,{icon:(0,i.jsx)(s.Z,{}),severity:"error",sx:{width:"100%",border:"solid 1px red"},onClose:c,children:[(0,i.jsx)(a.Z,{sx:{width:"100%",fontFamily:"AvenirNextBold"},children:n}),(0,i.jsx)("div",{style:{whiteSpace:"pre-line"},children:t})]})})}},71466:function(e,n,t){t.d(n,{Z:function(){return s}});var i=t(26042),r=t(85893),o=t(25662),a=t(83155);function s(e){var n=e.label,t=e.bgColor,s=e.color,l=e.hoverColor,c=e.icon,d=e.iconEnd,p=e.onClick,x=e.isDisabled,u=e.fullWidth,g=void 0===u||u,h=e.styled,f=(0,a.ZP)().mobileL;return(0,r.jsxs)(o.Z,{"data-testid":"ContainedButton",disabled:x,onClick:p,fullWidth:g,size:"large",variant:"contained",sx:(0,i.Z)({height:f?"48px":"auto",paddingY:"12px",paddingX:"16px",border:"1px solid transparent",borderRadius:"8px",outline:"none",boxShadow:"none",textTransform:"none",backgroundColor:t||"#1078CA",color:s||"#ffffff",fontFamily:"BriDigitalTextBold",fontWeight:700,fontSize:"16px",lineHeight:"24px","&:hover":{boxShadow:"none",backgroundColor:l||"#004682"},"&:disabled":{backgroundColor:"#EAEBEB",color:"#B5B6B6"}},h),children:[c||null,n,d||null]})}},76252:function(e,n,t){var i=t(85893),r=t(80822),o=t(45098),a=t(67294),s=t(92105),l=t.n(s),c=t(61563),d=t.n(c),p=t(21947),x=(0,o.Z)(r.Z)((function(){return"\n position : fixed;\n width : 100%;\n top : 0;\n height : 100%;\n background-color : rgb(0, 0, 0, 0.3);\n z-index : 1000;\n padding-top : 300px;\n display : flex;\n justify-content : center;\n"})),u=(0,o.Z)("p")((function(){return"\n font-family: 'AvenirNext';\n font-style: normal;\n font-weight: 600;\n font-size: 16px;\n line-height: 18px;\n display: flex;\n align-items: center;\n text-align: center;\n color: #FFFFFF;\n"})),g={display:"block",margin:"0 auto",borderColor:"red"};n.Z=function(){var e=(0,a.useState)(!0),n=e[0];e[1];return(0,i.jsx)(x,{"data-testid":"loadingLoginComponent",children:(0,i.jsxs)(r.Z,{children:[(0,i.jsx)(r.Z,{sx:{display:"flex",justifyContent:"center"},children:(0,i.jsx)(d(),{color:"#ffffff",loading:n,cssOverride:g,size:50})}),(0,i.jsx)(r.Z,{children:(0,i.jsxs)(u,{children:[(0,p.f7)("welcoming.message")," ",(0,i.jsxs)("span",{style:{paddingTop:"8px"},children:[" ",(0,i.jsx)(l(),{color:"#ffffff",loading:n,cssOverride:g,size:2})]})]})})]})})}},84573:function(e,n,t){var i=t(85893),r=t(67294),o=t(80822),a=t(39043),s=t(45098),l=t(25675),c=t.n(l),d=t(71466),p=(0,s.Z)(o.Z)((function(e){return{position:"fixed",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:"480px",maxWidth:"calc(100vw - 32px)",backgroundColor:"white",borderRadius:"16px",outline:"none"}})),x=(0,s.Z)(o.Z)((function(e){return{padding:"24px",display:"flex",justifyContent:"flex-end",alignItems:"center"}})),u=(0,s.Z)(o.Z)((function(e){return{width:"32px",height:"32px",display:"flex",justifyContent:"center",alignItems:"center",cursor:"pointer"}})),g=(0,s.Z)(o.Z)((function(e){return{padding:"8px 0",display:"flex",justifyContent:"center",alignItems:"center"}})),h=(0,s.Z)(o.Z)((function(e){return{padding:"8px 24px",display:"flex",flexDirection:"column",gap:"8px",textAlign:"center"}})),f=(0,s.Z)("h1")((function(e){return"\n font-family: 'BriDigitalTextSemiBold';\n font-size: 24px;\n font-weight: 600;\n line-height: 32px;\n letter-spacing: -0.5px;\n color: #292929;\n margin: 0;\n padding: 0;\n"})),m=(0,s.Z)("p")((function(e){return"\n font-family: 'BriDigitalText';\n font-size: 16px;\n font-weight: 400;\n line-height: 24px;\n color: #666666;\n margin: 0;\n padding: 0;\n "})),Z=(0,s.Z)(o.Z)((function(e){return{padding:"16px 24px 24px"}}));n.Z=function(e){var n=e.isOpen,t=e.onClose,o=e.title,s=e.description,l=e.image,j=e.isShowButton,b=void 0===j||j,v=e.button;return(0,i.jsx)("div",{"data-testid":"ModalDialog",children:(0,i.jsx)(a.Z,{sx:{overflow:"auto"},open:n,"aria-labelledby":"modal-modal-title","aria-describedby":"modal-modal-description",children:(0,i.jsxs)(p,{children:[(0,i.jsx)(x,{children:(0,i.jsx)(u,{onClick:t,children:(0,i.jsxs)("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,i.jsx)("path",{d:"M0.333664 19.6663C-0.111217 19.2215 -0.111217 18.5002 0.333664 18.0553L18.0553 0.33367C18.5002 -0.111211 19.2215 -0.111212 19.6663 0.333669C20.1112 0.77855 20.1112 1.49984 19.6663 1.94473L1.94472 19.6663C1.49984 20.1112 0.778544 20.1112 0.333664 19.6663Z",fill:"#777777"}),(0,i.jsx)("path",{d:"M0.33366 0.333661C0.778541 -0.11122 1.49984 -0.11122 1.94472 0.333661L19.6663 18.0553C20.1112 18.5002 20.1112 19.2215 19.6663 19.6663C19.2215 20.1112 18.5002 20.1112 18.0553 19.6663L0.333661 1.94472C-0.11122 1.49984 -0.11122 0.778542 0.33366 0.333661Z",fill:"#777777"})]})})}),(0,i.jsx)(g,{children:"string"===typeof l?(0,i.jsx)(c(),{src:l,alt:o,width:"200px",height:"200px"}):(0,i.jsx)(i.Fragment,{children:(0,r.isValidElement)(l)?l:(0,i.jsx)(i.Fragment,{})})}),(0,i.jsxs)(h,{sx:{paddingBottom:b?"8px":"24px"},children:[(0,i.jsx)(f,{children:o}),(0,i.jsx)(m,{children:s})]}),b&&(0,i.jsx)(Z,{children:(0,i.jsx)(d.Z,{label:v.label,onClick:v.onClick})})]})})})}},11160:function(e,n,t){t.d(n,{IV:function(){return l},NS:function(){return a},O$:function(){return c},d7:function(){return o},gF:function(){return s}});var i=t(90948),r=t(15861),o=((0,i.ZP)(r.Z)({fontFamily:"AvenirNext"}),(0,i.ZP)(r.Z)({fontFamily:"AvenirNextBold"}),(0,i.ZP)(r.Z)({fontFamily:"BriDigitalDisplayLight"})),a=(0,i.ZP)(r.Z)({fontFamily:"BriDigitalDisplay"}),s=(0,i.ZP)(r.Z)({fontFamily:"BriDigitalDisplayMedium"}),l=(0,i.ZP)(r.Z)({fontFamily:"BriDigitalDisplaySemiBold"}),c=(0,i.ZP)(r.Z)({fontFamily:"BriDigitalDisplayBold"})},89577:function(e,n,t){var i=t(47568),r=t(97582),o=t(78428),a=t.n(o),s=t(67294),l=t(62659);n.Z=function(){var e=(0,s.useState)({step:"",description:"",responseCode:"",message:""}),n=e[0],t=e[1],o=function(){var e=(0,i.Z)((function(e,n,t,i,o,s){var c,d,p,x,u,g,h,f;return(0,r.__generator)(this,(function(r){switch(r.label){case 0:c=localStorage.getItem("new-user"),d=JSON.parse(c),p=d.requestId,x=d.deviceId,u=new(a().Agent)({rejectUnauthorized:!0}),g={deviceID:t||x,requestID:i||p,step:e,description:n,responseCode:o||"000",message:s||"Success"},r.label=1;case 1:return r.trys.push([1,3,,4]),h={httpsAgent:u,headers:{"Access-Control-Allow-Origin":"*"}},[4,l.Nv.monitoring["v1.0"].post("/public/register/cashman",g,h)];case 2:return[2,r.sent().data];case 3:return f=r.sent(),console.error("Error:",f),[3,4];case 4:return[2]}}))}));return function(n,t,i,r,o,a){return e.apply(this,arguments)}}(),c=function(){var e=(0,i.Z)((function(e,n,t,i){var o,s,c,d,p,x,u,g;return(0,r.__generator)(this,(function(r){switch(r.label){case 0:o=localStorage.getItem("new-user"),s=JSON.parse(o),c=s.requestId,d=s.deviceId,p=new(a().Agent)({rejectUnauthorized:!0}),x={deviceID:d,requestID:c,step:e,description:n,branchName:t,branchCode:i,responseCode:"000",message:"Success"},r.label=1;case 1:return r.trys.push([1,4,,5]),u={httpsAgent:p,headers:{"Access-Control-Allow-Origin":"*"}},JSON.stringify(x),[4,l.Nv.monitoring["v1.0"].post("/public/register/cashman",x,u)];case 2:return[4,r.sent().data];case 3:return r.sent(),[3,5];case 4:return g=r.sent(),console.error("Error:",g),[3,5];case 5:return[2]}}))}));return function(n,t,i,r){return e.apply(this,arguments)}}();return{step:n.step,description:n.description,updateStepData:function(e,n,i,r){t({step:e,description:n,responseCode:i,message:r})},sendResponse:o,sendResponseFinal:c}}},8667:function(e,n,t){var i=t(47568),r=t(26042),o=t(69396),a=t(97582),s=t(67294),l=t(57632);n.Z=function(){var e=(0,s.useState)({requestId:"",deviceId:""}),n=e[0],t=e[1],c=function(){var e=(0,i.Z)((function(){var e,i;return(0,a.__generator)(this,(function(a){return!(e=n.deviceId)&&navigator&&(navigator.userAgent?e=navigator.userAgent:navigator.hardwareConcurrency&&(e=navigator.hardwareConcurrency.toString())),i=n.requestId||(0,l.Z)(),t((function(n){return(0,o.Z)((0,r.Z)({},n),{deviceId:e||"Default Device ID",requestId:i})})),[2,{deviceId:e||"Default Device ID",requestId:i}]}))}));return function(){return e.apply(this,arguments)}}();return(0,s.useEffect)((function(){var e=JSON.parse(localStorage.getItem("new-user"));e?t(e):c()}),[]),(0,s.useEffect)((function(){localStorage.setItem("new-user",JSON.stringify(n))}),[n]),{payloadId:n,getPayloadId:c}}},22177:function(e,n,t){var i=t(47568),r=t(97582),o=t(78428),a=t.n(o),s=t(67294),l=t(62659);n.Z=function(){var e=(0,s.useState)({step:"",description:"",responseCode:"",message:""}),n=e[0],t=e[1],o=function(){var e=(0,i.Z)((function(e,n,t,i){var o,s,c,d,p,x,u,g;return(0,r.__generator)(this,(function(r){switch(r.label){case 0:o=localStorage.getItem("new-user"),s=JSON.parse(o),c=s.requestId,d=s.deviceId,p=new(a().Agent)({rejectUnauthorized:!0}),x={deviceID:d,requestID:c,step:e,description:n,responseCode:t||"000",message:i||"Success"},r.label=1;case 1:return r.trys.push([1,4,,5]),u={httpsAgent:p,headers:{"Access-Control-Allow-Origin":"*"}},JSON.stringify(x),[4,l.Nv.monitoring["v1.0"].post("/public/register/giro",x,u)];case 2:return[4,r.sent().data];case 3:return r.sent(),[3,5];case 4:return g=r.sent(),console.error("Error:",g),[3,5];case 5:return[2]}}))}));return function(n,t,i,r){return e.apply(this,arguments)}}(),c=function(){var e=(0,i.Z)((function(e,n,t,i){var o,s,c,d,p,x,u,g;return(0,r.__generator)(this,(function(r){switch(r.label){case 0:o=localStorage.getItem("new-user"),s=JSON.parse(o),c=s.requestId,d=s.deviceId,p=new(a().Agent)({rejectUnauthorized:!0}),x={deviceID:d,requestID:c,step:e,description:n,branchName:t,branchCode:i,responseCode:"000",message:"Success"},r.label=1;case 1:return r.trys.push([1,4,,5]),u={httpsAgent:p,headers:{"Access-Control-Allow-Origin":"*"}},JSON.stringify(x),[4,l.Nv.monitoring["v1.0"].post("/public/register/giro",x,u)];case 2:return[4,r.sent().data];case 3:return r.sent(),[3,5];case 4:return g=r.sent(),console.error("Error:",g),[3,5];case 5:return[2]}}))}));return function(n,t,i,r){return e.apply(this,arguments)}}();return{step:n.step,description:n.description,updateStepData:function(e,n,i,r){t({step:e,description:n,responseCode:i,message:r})},sendResponse:o,sendResponseFinal:c}}},32610:function(e,n,t){t.r(n),t.d(n,{ButtonRegister:function(){return Un},default:function(){return Xn}});var i=t(14924),r=t(26042),o=t(69396),a=t(85893),s=t(20067),l=t(28270),c=t(80822),d=t(21023),p=t(87109),x=t(93946),u=t(57922),g=t(46901),h=t(45098),f=t(11163),m=t(67294),Z=t(14416),j=t(44300),b=t(80469),v=t(86886),y=t(98456),w=t(84808),C=t(11160),L=t(21947);function I(e){var n=e.isModalOpen;return(0,a.jsx)("div",{children:(0,a.jsx)(w.Z,{sx:{color:"#fff",zIndex:function(e){return e.zIndex.drawer+1}},open:n,children:(0,a.jsx)(v.ZP,{container:!0,direction:"column",spacing:0,sx:{display:"flex",justifyContent:"center",alignItems:"center"},children:(0,a.jsxs)("div",{style:{padding:"24px",backgroundColor:"#FFF",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",borderRadius:"16px"},children:[(0,a.jsx)(c.Z,{children:(0,a.jsx)(y.Z,{size:"96px"})}),(0,a.jsx)(c.Z,{sx:{display:"flex",flexDirection:"row",marginTop:"8px"},children:(0,a.jsx)(C.NS,{fontSize:16,color:"#292929",children:(0,L.f7)("loginPage.pleaseWait")})})]})})})})}var H=t(77897),S=t(37890),E=t(79059),k=t(41396),B=t(2711),M=t.n(B),A=t(40745);function D(e){var n=e.message,t=e.mobile,i=(e.alert,e.TabletM),r=(0,m.useState)({open:!1,vertical:"top",horizontal:"right"}),o=r[0],s=(r[1],(0,m.useState)(!0)),l=s[0],d=(s[1],o.vertical,o.horizontal,A.h.getState(),(0,Z.I0)()),p=(A.h.getState(),(0,m.useCallback)((function(){setTimeout((function(){n&&d({type:"SUCCESS_CLOSE"})}),1e4)}),[n]));return(0,m.useEffect)((function(){M().init({duration:1e3}),p()}),[]),(0,a.jsx)(c.Z,{"data-testid":"alertLogin","data-aos":"fade-in",sx:{width:i?"100%":"100.1%",marginTop:"20px",color:"#FFFFFF !important"},children:(0,a.jsx)(g.Z,{open:l,onClose:function(){d({type:"SUCCESS_CLOSE"})},variant:"filled",severity:"error",icon:(0,a.jsx)(k.Z,{sx:{color:"#fff"}}),sx:{fontFamily:"AvenirNext",fontStyle:"normal",fontWeight:"400",fontSize:t?"14px":"16px",lineHeight:"18px",alignItems:"flex-start",backgroundColor:"#27AE60",color:"#FFFFFF","& svg":{color:"#FFFFFF!important"}},"data-cy":"alertLogin",children:n})})}var F=function(){return(0,a.jsxs)("svg",{width:"200",height:"200",viewBox:"0 0 200 200",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,a.jsx)("path",{d:"M165.963 25.3333H38.3024C32.427 25.3333 27.6641 30.0962 27.6641 35.9716V163.632C27.6641 169.507 32.427 174.27 38.3024 174.27H165.963C171.838 174.27 176.601 169.507 176.601 163.632V35.9716C176.601 30.0962 171.838 25.3333 165.963 25.3333Z",fill:"#DDEFFC"}),(0,a.jsxs)("g",{"clip-path":"url(#clip0_24841_10375)",children:[(0,a.jsx)("path",{d:"M160.356 108.428H60.4609V119.59H160.356V108.428Z",fill:"#0C5A98"}),(0,a.jsx)("path",{d:"M78.4319 108.428L63.7891 119.59H70.5269L85.1697 108.428H78.4319Z",fill:"#0C5A98"}),(0,a.jsx)("path",{d:"M95.9397 108.428L81.2969 119.59H88.0347L102.678 108.428H95.9397Z",fill:"#0C5A98"}),(0,a.jsx)("path",{d:"M130.958 108.428L116.32 119.59H123.058L137.701 108.428H130.958Z",fill:"#0C5A98"}),(0,a.jsx)("path",{d:"M148.471 108.428L133.828 119.59H140.566L155.209 108.428H148.471Z",fill:"#0C5A98"}),(0,a.jsx)("path",{d:"M160.362 112.761L151.336 119.589H160.362V112.761Z",fill:"#0C5A98"}),(0,a.jsx)("path",{d:"M113.448 108.428L98.8047 119.59H105.548L120.185 108.428H113.448Z",fill:"#0C5A98"}),(0,a.jsx)("path",{d:"M60.4609 108.428V113.456L67.6626 108.428H60.4609Z",fill:"#0C5A98"}),(0,a.jsx)("path",{d:"M67.6626 108.428L60.4609 113.456V119.59H63.7891L78.4319 108.428H67.6626Z",fill:"#9ACEF7"}),(0,a.jsx)("path",{d:"M85.1741 108.428L70.5312 119.59H81.3006L95.9434 108.428H85.1741Z",fill:"#9ACEF7"}),(0,a.jsx)("path",{d:"M102.682 108.428L88.0391 119.59H98.8084L113.451 108.428H102.682Z",fill:"#9ACEF7"}),(0,a.jsx)("path",{d:"M120.185 108.428L105.547 119.59H116.316L130.954 108.428H120.185Z",fill:"#9ACEF7"}),(0,a.jsx)("path",{d:"M137.698 108.428L123.055 119.59H133.824L148.467 108.428H137.698Z",fill:"#9ACEF7"}),(0,a.jsx)("path",{d:"M160.358 108.428H155.205L140.562 119.59H151.332L160.358 112.761V108.428Z",fill:"#9ACEF7"}),(0,a.jsx)("path",{d:"M160.001 108.119H60.7891V109.742H160.001V108.119Z",fill:"#0C5A98"}),(0,a.jsx)("path",{d:"M83.0113 109.747L85.1009 108.119H78.3631L76.2734 109.747H83.0113Z",fill:"#0C5A98"}),(0,a.jsx)("path",{d:"M100.519 109.747L102.609 108.119H95.8709L93.7812 109.747H100.519Z",fill:"#0C5A98"}),(0,a.jsx)("path",{d:"M135.535 109.747L137.629 108.119H130.892L128.797 109.747H135.535Z",fill:"#0C5A98"}),(0,a.jsx)("path",{d:"M153.043 109.747L155.132 108.119H148.394L146.305 109.747H153.043Z",fill:"#0C5A98"}),(0,a.jsx)("path",{d:"M118.027 109.747L120.122 108.119H113.379L111.289 109.747H118.027Z",fill:"#0C5A98"}),(0,a.jsx)("path",{d:"M65.5239 109.747L67.5983 108.119H60.7891V109.747H65.5239Z",fill:"#0C5A98"}),(0,a.jsx)("path",{d:"M76.2775 109.747L78.3671 108.119H67.5978L65.5234 109.747H76.2775Z",fill:"#9ACEF7"}),(0,a.jsx)("path",{d:"M93.785 109.747L95.8746 108.119H85.1053L83.0156 109.747H93.785Z",fill:"#9ACEF7"}),(0,a.jsx)("path",{d:"M111.285 109.747L113.375 108.119H102.605L100.516 109.747H111.285Z",fill:"#9ACEF7"}),(0,a.jsx)("path",{d:"M128.793 109.747L130.888 108.119H120.118L118.023 109.747H128.793Z",fill:"#9ACEF7"}),(0,a.jsx)("path",{d:"M146.306 109.747L148.395 108.119H137.626L135.531 109.747H146.306Z",fill:"#9ACEF7"}),(0,a.jsx)("path",{d:"M160.004 109.747V108.119H155.137L153.047 109.747H160.004Z",fill:"#9ACEF7"}),(0,a.jsx)("path",{d:"M160.001 108.119H60.7891V109.742H160.001V108.119Z",fill:"#00447E"}),(0,a.jsx)("path",{d:"M83.0113 109.747L85.1009 108.119H78.3631L76.2734 109.747H83.0113Z",fill:"#00447E"}),(0,a.jsx)("path",{d:"M100.519 109.747L102.609 108.119H95.8709L93.7812 109.747H100.519Z",fill:"#00447E"}),(0,a.jsx)("path",{d:"M135.535 109.747L137.629 108.119H130.892L128.797 109.747H135.535Z",fill:"#00447E"}),(0,a.jsx)("path",{d:"M153.043 109.747L155.132 108.119H148.394L146.305 109.747H153.043Z",fill:"#00447E"}),(0,a.jsx)("path",{d:"M118.027 109.747L120.122 108.119H113.379L111.289 109.747H118.027Z",fill:"#00447E"}),(0,a.jsx)("path",{d:"M65.5239 109.747L67.5983 108.119H60.7891V109.747H65.5239Z",fill:"#00447E"}),(0,a.jsx)("path",{d:"M76.2775 109.747L78.3671 108.119H67.5978L65.5234 109.747H76.2775Z",fill:"#00549B"}),(0,a.jsx)("path",{d:"M93.785 109.747L95.8746 108.119H85.1053L83.0156 109.747H93.785Z",fill:"#00549B"}),(0,a.jsx)("path",{d:"M111.285 109.747L113.375 108.119H102.605L100.516 109.747H111.285Z",fill:"#00549B"}),(0,a.jsx)("path",{d:"M128.793 109.747L130.888 108.119H120.118L118.023 109.747H128.793Z",fill:"#00549B"}),(0,a.jsx)("path",{d:"M146.306 109.747L148.395 108.119H137.626L135.531 109.747H146.306Z",fill:"#00549B"}),(0,a.jsx)("path",{d:"M160.004 109.747V108.119H155.137L153.047 109.747H160.004Z",fill:"#00549B"}),(0,a.jsx)("path",{d:"M185.333 62.7683H36V80.0176H185.333V62.7683Z",fill:"#0C5A98"}),(0,a.jsx)("path",{d:"M62.6597 62.7683L40.7031 80.0176H50.8099L72.7665 62.7683H62.6597Z",fill:"#0C5A98"}),(0,a.jsx)("path",{d:"M88.9175 62.7683L66.9609 80.0176H77.0677L99.0192 62.7683H88.9175Z",fill:"#0C5A98"}),(0,a.jsx)("path",{d:"M141.418 62.7683L119.461 80.0176H129.568L151.524 62.7683H141.418Z",fill:"#0C5A98"}),(0,a.jsx)("path",{d:"M167.67 62.7683L145.719 80.0176H155.82L177.777 62.7683H167.67Z",fill:"#0C5A98"}),(0,a.jsx)("path",{d:"M185.335 69.7744L171.977 80.0175H185.335V69.7744Z",fill:"#0C5A98"}),(0,a.jsx)("path",{d:"M115.168 62.7683L93.2109 80.0176H103.318L125.274 62.7683H115.168Z",fill:"#0C5A98"}),(0,a.jsx)("path",{d:"M36 62.7683V70.84L46.5094 62.7683H36Z",fill:"#0C5A98"}),(0,a.jsx)("path",{d:"M46.5094 62.7683L36 70.84V80.0176H40.7043L62.6608 62.7683H46.5094Z",fill:"#9ACEF7"}),(0,a.jsx)("path",{d:"M72.7691 62.7683L50.8125 80.0176H66.9588L88.9154 62.7683H72.7691Z",fill:"#9ACEF7"}),(0,a.jsx)("path",{d:"M99.014 62.7683L77.0625 80.0176H93.2088L115.165 62.7683H99.014Z",fill:"#9ACEF7"}),(0,a.jsx)("path",{d:"M125.277 62.7683L103.32 80.0176H119.467L141.423 62.7683H125.277Z",fill:"#9ACEF7"}),(0,a.jsx)("path",{d:"M151.527 62.7683L129.57 80.0176H145.722L167.673 62.7683H151.527Z",fill:"#9ACEF7"}),(0,a.jsx)("path",{d:"M185.33 62.7683H177.777L155.82 80.0176H171.972L185.33 69.7746V62.7683Z",fill:"#9ACEF7"}),(0,a.jsx)("path",{d:"M184.963 62.6667H36.1953V65.1578H184.963V62.6667Z",fill:"#0C5A98"}),(0,a.jsx)("path",{d:"M69.5286 65.1578L72.6631 62.6667H62.5614L59.4219 65.1578H69.5286Z",fill:"#0C5A98"}),(0,a.jsx)("path",{d:"M95.7786 65.1578L98.9131 62.6667H88.8114L85.6719 65.1578H95.7786Z",fill:"#0C5A98"}),(0,a.jsx)("path",{d:"M148.286 65.1578L151.421 62.6667H141.319L138.18 65.1578H148.286Z",fill:"#0C5A98"}),(0,a.jsx)("path",{d:"M174.536 65.1578L177.671 62.6667H167.569L164.43 65.1578H174.536Z",fill:"#0C5A98"}),(0,a.jsx)("path",{d:"M122.029 65.1578L125.163 62.6667H115.061L111.922 65.1578H122.029Z",fill:"#0C5A98"}),(0,a.jsx)("path",{d:"M43.295 65.1578L46.404 62.6667H36.1953V65.1578H43.295Z",fill:"#0C5A98"}),(0,a.jsx)("path",{d:"M59.4177 65.1578L62.5573 62.6667H46.4059L43.2969 65.1578H59.4177Z",fill:"#9ACEF7"}),(0,a.jsx)("path",{d:"M85.6698 65.1578L88.8094 62.6667H72.6579L69.5234 65.1578H85.6698Z",fill:"#9ACEF7"}),(0,a.jsx)("path",{d:"M111.928 65.1578L115.067 62.6667H98.9157L95.7812 65.1578H111.928Z",fill:"#9ACEF7"}),(0,a.jsx)("path",{d:"M138.178 65.1578L141.317 62.6667H125.166L122.031 65.1578H138.178Z",fill:"#9ACEF7"}),(0,a.jsx)("path",{d:"M164.435 65.1578L167.575 62.6667H151.424L148.289 65.1578H164.435Z",fill:"#9ACEF7"}),(0,a.jsx)("path",{d:"M184.972 65.1578V62.6667H177.674L174.539 65.1578H184.972Z",fill:"#9ACEF7"}),(0,a.jsx)("path",{d:"M184.963 62.6667H36.1953V65.1578H184.963V62.6667Z",fill:"#00447E"}),(0,a.jsx)("path",{d:"M69.5286 65.1578L72.6631 62.6667H62.5614L59.4219 65.1578H69.5286Z",fill:"#00447E"}),(0,a.jsx)("path",{d:"M95.7786 65.1578L98.9131 62.6667H88.8114L85.6719 65.1578H95.7786Z",fill:"#00447E"}),(0,a.jsx)("path",{d:"M148.286 65.1578L151.421 62.6667H141.319L138.18 65.1578H148.286Z",fill:"#00447E"}),(0,a.jsx)("path",{d:"M174.536 65.1578L177.671 62.6667H167.569L164.43 65.1578H174.536Z",fill:"#00447E"}),(0,a.jsx)("path",{d:"M122.029 65.1578L125.163 62.6667H115.061L111.922 65.1578H122.029Z",fill:"#00447E"}),(0,a.jsx)("path",{d:"M43.295 65.1578L46.404 62.6667H36.1953V65.1578H43.295Z",fill:"#00447E"}),(0,a.jsx)("path",{d:"M59.4177 65.1578L62.5573 62.6667H46.4059L43.2969 65.1578H59.4177Z",fill:"#00549B"}),(0,a.jsx)("path",{d:"M85.6698 65.1578L88.8094 62.6667H72.6579L69.5234 65.1578H85.6698Z",fill:"#00549B"}),(0,a.jsx)("path",{d:"M111.928 65.1578L115.067 62.6667H98.9157L95.7812 65.1578H111.928Z",fill:"#00549B"}),(0,a.jsx)("path",{d:"M138.178 65.1578L141.317 62.6667H125.166L122.031 65.1578H138.178Z",fill:"#00549B"}),(0,a.jsx)("path",{d:"M164.435 65.1578L167.575 62.6667H151.424L148.289 65.1578H164.435Z",fill:"#00549B"}),(0,a.jsx)("path",{d:"M184.972 65.1578V62.6667H177.674L174.539 65.1578H184.972Z",fill:"#00549B"}),(0,a.jsx)("path",{d:"M62.5018 80.0176H51.2891V146.478H62.5018V80.0176Z",fill:"#B5B6B6"}),(0,a.jsx)("path",{d:"M64.0286 145.463H49.7578V148H64.0286V145.463Z",fill:"#003D71"}),(0,a.jsx)("path",{d:"M62.6637 80.0886H51.8281V86.3085H62.6637V80.0886Z",fill:"#A3A3A3"}),(0,a.jsx)("path",{d:"M169.531 80.0176H158.828V146.478H169.531V80.0176Z",fill:"#B5B6B6"}),(0,a.jsx)("path",{d:"M171.57 145.463H156.789V148H171.57V145.463Z",fill:"#003D71"}),(0,a.jsx)("path",{d:"M169.765 80.0886H158.93V86.3085H169.765V80.0886Z",fill:"#A3A3A3"})]}),(0,a.jsxs)("g",{"clip-path":"url(#clip1_24841_10375)",children:[(0,a.jsx)("path",{d:"M112.211 100.284H107.371L93.3828 155.97H126.206L112.211 100.284Z",fill:"#D16104"}),(0,a.jsx)("path",{d:"M133.984 155.784H85.6016V163.543H133.984V155.784Z",fill:"#D16104"}),(0,a.jsx)("path",{d:"M123.456 145.041L120.909 134.893H98.6715L96.125 145.041H123.456Z",fill:"#B5B6B6"}),(0,a.jsx)("path",{d:"M116.41 116.993L114.313 108.638H105.277L103.18 116.993H116.41Z",fill:"#B5B6B6"}),(0,a.jsx)("path",{d:"M140.891 100.741H136.051L122.062 156.428H154.879L140.891 100.741Z",fill:"#FB8421"}),(0,a.jsx)("path",{d:"M162.656 156.24H114.273V164H162.656V156.24Z",fill:"#FC9641"}),(0,a.jsx)("path",{d:"M152.135 145.498L149.589 135.35H127.351L124.805 145.498H152.135Z",fill:"#EAEBEB"}),(0,a.jsx)("path",{d:"M145.097 117.45L142.992 109.095H133.957L131.859 117.45H145.097Z",fill:"#EAEBEB"}),(0,a.jsx)("path",{d:"M30.6167 100H25.7763L11.7812 155.687H44.6047L30.6167 100Z",fill:"#FB8421"}),(0,a.jsx)("path",{d:"M52.3829 155.5H4V163.259H52.3829V155.5Z",fill:"#FC9641"}),(0,a.jsx)("path",{d:"M41.8619 144.757L39.3084 134.616H17.0777L14.5312 144.757H41.8619Z",fill:"#EAEBEB"}),(0,a.jsx)("path",{d:"M34.8077 116.709L32.7102 108.355H23.6748L21.5703 116.709H34.8077Z",fill:"#EAEBEB"})]}),(0,a.jsxs)("g",{"clip-path":"url(#clip2_24841_10375)",children:[(0,a.jsx)("path",{d:"M190.599 79.407L157.984 53.1485C157.984 53.1485 169.526 44.237 182.905 55.6255C196.016 66.7699 190.599 79.407 190.599 79.407Z",fill:"#FCA760"}),(0,a.jsx)("path",{d:"M184.05 89.2646L148.755 60.8532C148.755 60.8532 164.683 44.9583 180.689 57.2761C196.695 69.5939 185.619 89.4036 184.05 89.2646Z",fill:"#FB8421"}),(0,a.jsx)("path",{d:"M195.556 95.9283L185.285 87.6597L148.752 58.2389L146.874 61.0052L193.674 98.6947L195.556 95.9283Z",fill:"#FCA760"}),(0,a.jsx)("path",{d:"M180.002 54.0568L184.07 57.3347L169.78 75.5241L165.711 72.2462L180.002 54.0568Z",fill:"#FCA760"})]}),(0,a.jsxs)("defs",{children:[(0,a.jsx)("clipPath",{id:"clip0_24841_10375",children:(0,a.jsx)("rect",{width:"149.333",height:"85.3333",fill:"white",transform:"translate(36 62.6667)"})}),(0,a.jsx)("clipPath",{id:"clip1_24841_10375",children:(0,a.jsx)("rect",{width:"158.667",height:"64",fill:"white",transform:"translate(4 100)"})}),(0,a.jsx)("clipPath",{id:"clip2_24841_10375",children:(0,a.jsx)("rect",{width:"48",height:"49.3333",fill:"white",transform:"matrix(-0.999814 0.0192672 0.0192672 0.999814 194.656 49.3333)"})})]})]})},T=t(76252),P=t(25675),z=t.n(P),R=(0,h.Z)("div")((function(){return"\n position: fixed;\n width : 100%;\n height : 100%;\n z-index : 20000;\n padding-top : 300px;\n top : 0;\n background-color : rgba(0,0,0,0.5);\n"})),N=t(10253),O=t(88441),W=t(15861),V=t(45697),_=t.n(V);function q(e){return(0,a.jsxs)(c.Z,{sx:{display:"flex",alignItems:"center"},children:[(0,a.jsx)(c.Z,{sx:{width:"100%",mr:1},children:(0,a.jsx)(O.Z,(0,r.Z)({variant:"determinate"},e))}),(0,a.jsx)(c.Z,{sx:{minWidth:35},children:(0,a.jsx)(W.Z,{variant:"body2",color:"white",children:"".concat(Math.round(e.value),"%")})})]})}function G(e){var n=e.setShowLoadingPage,t=(0,N.Z)(m.useState(10),2),i=t[0],r=t[1];(0,f.useRouter)();return m.useEffect((function(){var e=setInterval((function(){r((function(e){return e>=100?10:e+30}))}),800);return function(){clearInterval(e)}}),[]),m.useEffect((function(){100===i&&(window.open("https://172.18.133.179:7504/bib-webapp/app/auth/login","mozillaTab"),n(!1))}),[i]),(0,a.jsx)(c.Z,{sx:{width:"100%"},children:(0,a.jsx)("div",{"data-testid":"linearTwoValueLabel",children:(0,a.jsx)(q,{value:i})})})}q.propTypes={value:_().number.isRequired};var U=(0,h.Z)("p")((function(e){return"\nfont-family: 'AvenirNext';\nfont-style: normal;\nfont-weight: 600;\nfont-size: 16px;\nline-height: 18px;\n/* identical to box height, or 112% */\ndisplay: flex;\nwidth : 404px;\nalign-items: center;\ntext-align: center;\n/* Neutral/Base/White */\ncolor: #FFFFFF;\n"})),J=function(e){var n=e.setShowLoadingPage;return(0,a.jsxs)(R,{"data-testid":"loadingOverlay",children:[(0,a.jsx)(c.Z,{sx:{display:"flex",justifyContent:"center"},children:(0,a.jsx)(z(),{src:"".concat(L.zW,"/images/qlola_logo_colored.svg"),alt:"Loading",width:"149px",height:"54px"})}),(0,a.jsx)(c.Z,{sx:{display:"flex",justifyContent:"center"},children:(0,a.jsx)(c.Z,{sx:{width:"440px",marginTop:"64px"},children:(0,a.jsx)(G,{setShowLoadingPage:n})})}),(0,a.jsx)(c.Z,{sx:{display:"flex",justifyContent:"center",marginTop:"10px"},children:(0,a.jsx)(U,{children:"Dalam beberapa saat lagi anda akan diarahkan ke halaman BRICaMS"})})]})},X=t(25662),Q=t(2734),Y=t(61730),K=function(){var e=(0,Q.Z)(),n=(0,Y.Z)(e.breakpoints.down("sm")),t=(0,Y.Z)(e.breakpoints.down("md"));return{containerRegist:{display:"flex",border:"1px solid #EAEBEB",borderRadius:"16px",width:"95%",height:"auto",flexDirection:"column",marginTop:"40px",padding:n?"10px":"20px",boxSizing:"border-box"},containerTitle:{width:"95%",height:"auto",flexDirection:"column",alignItems:"center",padding:"20px"},containerTracking:{display:"flex",border:"1px solid #EAEBEB",borderRadius:"16px",width:"95%",height:"auto",marginTop:"40px",marginBottom:"20px",padding:"20px",flexDirection:t?"column":"row",boxSizing:"border-box"},containerBanner:{display:"flex",border:"1px solid #EAEBEB",borderRadius:"16px",width:"95%",height:"auto",marginTop:"40px",marginBottom:"30px",padding:"20px",flexDirection:t?"column":"row",boxSizing:"border-box"},containerSub:{display:"flex",flexDirection:t?"column":"row",justifyContent:"space-between",width:"100%",marginTop:"20px"},containerSubEvent:{display:"flex",flexDirection:"column",alignItems:"center",textAlign:"center",width:t?"100%":"44%",padding:"10px",boxSizing:"border-box"},titleRegist:{fontWeight:"600",fontSize:n?"36px":"40px",fontFamily:"BRIDigitalDisplay"},titleRegistTwo:{paddingBottom:"20px",fontWeight:"400",fontSize:"16px",fontFamily:"BRIDigitalDisplay",color:"#666666"},textTitle:{fontWeight:"600",fontSize:"28px",fontFamily:"BRIDigitalDisplay",marginBottom:"20px"},textTitleBanner:{fontWeight:"600",fontSize:"40px",fontFamily:"BRIDigitalDisplay",marginBottom:"20px"},textDescription:{fontWeight:"400",fontSize:"16px",color:"#666666",marginBottom:"20px",fontFamily:"BRIDigitalDisplay"},createAccount:{textTransform:"none",backgroundColor:"#1078CA",color:"white",outline:"none",border:"none",cursor:"pointer",padding:"10px 20px",minWidth:n?"100%":"200px",borderRadius:"8px",fontWeight:"700",fontFamily:"BRIDigitalDisplay","&:hover":{backgroundColor:"#0E69B1"}},containerEform:{display:"flex",flexDirection:"column",alignItems:"center",padding:"10px",height:"100%"},containerGiro:{display:"flex",flexDirection:"column",alignItems:"center",padding:"10px",height:"100%"},trackRegistration:{textTransform:"none",backgroundColor:"white",color:"#1078CA",border:"1px solid #1078CA",outline:"none",cursor:"pointer",padding:"10px 20px",minWidth:n?"100%":"200px",borderRadius:"8px",fontWeight:"700",fontFamily:"BRIDigitalDisplay","&:hover":{backgroundColor:"#E3F2FD"}},containerGiroButton:{display:"flex",width:"100%",marginTop:"auto",flexDirection:n?"column":"row",gap:"20px"},boxTracking:{display:"flex",flexDirection:t?"column":"row",alignItems:"center",marginBottom:"10px",width:"100%"},trackingLcButton:{textTransform:"none",backgroundColor:"#1078CA",color:"white",outline:"none",border:"none",cursor:"pointer",padding:"10px 20px",width:n?"100%":"200px",borderRadius:"8px",fontWeight:"700",fontFamily:"BRIDigitalDisplay","&:hover":{backgroundColor:"#0E69B1"}}}},$=t(57632),ee=function(){var e=(0,m.useState)({requestId:"",deviceId:""}),n=e[0],t=e[1],i=function(){var e=n.deviceId;!e&&navigator&&(navigator.userAgent?e=navigator.userAgent:navigator.hardwareConcurrency&&(e=navigator.hardwareConcurrency.toString()));var i=n.requestId||(0,$.Z)();return t((function(n){return(0,o.Z)((0,r.Z)({},n),{deviceId:e||"Default Device ID",requestId:i})})),{deviceId:e||"Default Device ID",requestId:i}};return(0,m.useEffect)((function(){var e=JSON.parse(localStorage.getItem("new-user"));(null===e||void 0===e?void 0:e.payloadId)&&(null===e||void 0===e?void 0:e.deviceId)?t(e):i()}),[]),(0,m.useEffect)((function(){localStorage.setItem("new-user",JSON.stringify(n))}),[n]),{payloadId:n,getPayloadId:i}},ne=t(22177),te=function(){var e=(0,f.useRouter)(),n=K(),t=ee(),i=t.getPayloadId,r=t.payloadId,o=(0,ne.Z)().sendResponse;return(0,a.jsxs)(c.Z,{sx:n.containerGiro,"data-testid":"GiroOnlineLogin",children:[(0,a.jsx)("img",{src:"".concat(L.zW,"/images/login/GiroLogin.png"),style:{marginBottom:"20px",maxWidth:"100%"}}),(0,a.jsxs)(c.Z,{textAlign:"left",maxWidth:"600px",width:"100%",children:[(0,a.jsx)(W.Z,{sx:n.textTitle,children:(0,L.f7)("footer.titleGiro")}),(0,a.jsx)(W.Z,{sx:n.textDescription,children:(0,L.f7)("footer.descriptionGiro").slice(0,350)})]}),(0,a.jsxs)(c.Z,{sx:n.containerGiroButton,children:[(0,a.jsx)(X.Z,{sx:n.createAccount,onClick:function(){i(),r&&r.deviceId&&0!==r.deviceId.length&&o("Registrasi","Button Registrasi Giro Login Page"),e.push("/regisgiro")},children:(0,L.f7)("footer.buttonGiro")}),(0,a.jsx)(X.Z,{sx:n.trackRegistration,onClick:function(){return e.push("/statusregisgiro")},children:(0,L.f7)("loginPage.buttonlacakpendaftaran")})]})]})},ie=t(47568),re=t(97582),oe=t(89577),ae=t(8667),se=function(){var e=(0,f.useRouter)(),n=K(),t=(0,ae.Z)(),i=t.getPayloadId,r=t.payloadId,o=(0,oe.Z)().sendResponse,s=function(){var n=(0,ie.Z)((function(){return(0,re.__generator)(this,(function(n){try{""===r.deviceId||""===r.requestId?i().then((function(n){o("Register","Click Registrasi cash management pada login page",n.deviceId,n.requestId),e.push("/register/eform")})):(o("Register","Click Registrasi cash management pada login page",r.deviceId,r.requestId),e.push("/register/eform"))}catch(t){}return[2]}))}));return function(){return n.apply(this,arguments)}}();return(0,a.jsxs)(c.Z,{sx:n.containerEform,"data-testid":"EFormLogin",children:[void 0===(0,L.f7)("register.eformBanner2")?(0,a.jsx)("img",{src:"".concat(L.zW,"/images/login/CashManagementLogin.png"),style:{maxWidth:"100%",marginBottom:"20px"}}):(0,a.jsx)("img",{src:(0,L.f7)("register.eformBanner2"),style:{maxWidth:"100%",marginBottom:"20px"}}),(0,a.jsxs)(c.Z,{textAlign:"left",maxWidth:"600px",width:"100%",children:[(0,a.jsx)(W.Z,{sx:n.textTitle,children:(0,L.f7)("register.cashManagement")}),(0,a.jsx)(W.Z,{sx:n.textDescription,children:(0,L.f7)("register.cashManagementDescriptions").slice(0,350)})]}),(0,a.jsx)(c.Z,{marginTop:"auto",width:"100%",display:"flex",justifyContent:"flex-start",children:(0,a.jsx)(X.Z,{sx:n.createAccount,onClick:s,children:(0,L.f7)("register.createAccountEform")})})]})},le=t(36714),ce=t(39043),de=t(10760),pe=t(40044),xe=t(57709),ue=t(18360),ge=t(18972),he=t(89609),fe=t(68130),me=t(51490),Ze=t(31812),je=t(27429),be=t(74721),ve=function(e){var n=e.desc;return(0,a.jsxs)(c.Z,{sx:je.Z.cardTrack,className:"skk-content-center","data-testid":"CardInfoLcTrack",children:[(0,a.jsx)(be.Z,{sx:je.Z.infoIcon}),(0,a.jsx)(W.Z,{sx:je.Z.descCard,className:"skk-content-center",children:n})]})},ye=function(e){var n=e.keys,t=e.value;return(0,a.jsxs)(c.Z,{sx:je.Z.textBetweenContainer,className:"skk-content-center","data-testid":"TextBetweenLc",children:[(0,a.jsx)(W.Z,{sx:je.Z.textBetweenLeft,children:n}),(0,a.jsxs)(W.Z,{sx:je.Z.textNormal,children:[": ",t]})]})},we=t(60441),Ce=t(14621),Le=t(57249),Ie=t(90948),He=t(64529),Se=t(62659),Ee=(0,He.Ue)((function(e,n){return{loading:!1,open:!1,currentRefNo:null,isDataExpired:!1,listLc:null,setOpen:function(n){e({open:n})},data:[],setData:function(n){e({data:n})},handleClose:function(){e({getLcDetailErrorMessageId:null}),e({isDataExpired:!1}),e({listLc:null}),e({open:!1})},handleSearch:function(){e({data:[""]})},QontoConnector:(0,Ie.ZP)(Ce.Z)((function(e){var n,t=e.theme;return n={},(0,i.Z)(n,"&.".concat(Le.Z.alternativeLabel),je.Z.alternativeLabel),(0,i.Z)(n,"&.".concat(Le.Z.active),(0,i.Z)({},"& .".concat(Le.Z.line),je.Z.activeLine)),(0,i.Z)(n,"&.".concat(Le.Z.completed),(0,i.Z)({},"& .".concat(Le.Z.line),je.Z.completedLine)),(0,i.Z)(n,"& .".concat(Le.Z.line),je.Z.line(t)),n})),listFlag:[],getFlag:(0,ie.Z)((function(){var n,t,i;return(0,re.__generator)(this,(function(r){switch(r.label){case 0:return r.trys.push([0,2,3,4]),e({loading:!0}),[4,Se.Nv.general["v1.0"].get("/public/master/lc_national_flag")];case 1:return n=r.sent(),e({listFlag:n.data.response}),[3,4];case 2:return 401==(null===(t=r.sent())||void 0===t||null===(i=t.response)||void 0===i?void 0:i.status)&&(window.location.href="/"),[3,4];case 3:return e({loading:!1}),[7];case 4:return[2]}}))})),listType:[],getType:(0,ie.Z)((function(){var n,t,i;return(0,re.__generator)(this,(function(r){switch(r.label){case 0:return r.trys.push([0,2,3,4]),e({loading:!0}),[4,Se.Nv.general["v1.0"].get("/public/master/lc_type")];case 1:return n=r.sent(),e({listType:n.data.response}),[3,4];case 2:return 401==(null===(t=r.sent())||void 0===t||null===(i=t.response)||void 0===i?void 0:i.status)&&(window.location.href="/"),[3,4];case 3:return e({loading:!1}),[7];case 4:return[2]}}))})),getLcDetailErrorMessageId:null,error:null,postLc:function(){var n=(0,ie.Z)((function(n,t,i,r,o,a){var s,l,c,d,p,x;return(0,re.__generator)(this,(function(u){switch(u.label){case 0:return u.trys.push([0,2,3,4]),e({listLc:null}),e({getLcDetailErrorMessageId:null}),e({isDataExpired:!1}),e({loading:!0,error:null}),e({currentRefNo:n}),s=r.replace(/[.,]/g,""),c="00",d="".concat(l=s),r.includes(",")&&(s.length-2?(c=s.slice(-2),l=s.slice(0,-2),d="".concat(l,".").concat(c)):s.length%3===0&&(c=s.slice(-2),l=s.slice(0,-2)),d=r.replace(/\./g,"").replace(/,/g,".")),p={method:"POST",data:{refNo:n,transactionType:t,currency:i,amount:d,deviceId:o,requestId:a}},[4,Se.Nv.support["v1.0"]("/public/lc-tracking/inquiry",p)];case 1:return"000"===(x=u.sent()).data.respCode?(e({listLc:x.data.response}),[2]):"404"===x.data.respCode?"over 90 days"===x.data.respMessage?(e({isDataExpired:!0}),[2]):(e({getLcDetailErrorMessageId:"lcLogin.title3"}),[2]):(e({getLcDetailErrorMessageId:"lcDocumentTracking.error.Internal"}),[3,4]);case 2:return u.sent(),e({getLcDetailErrorMessageId:"lcDocumentTracking.error.Internal"}),[3,4];case 3:return e({loading:!1}),[7];case 4:return[2]}}))}));return function(e,t,i,r,o,a){return n.apply(this,arguments)}}(),listExpand:{},setListExpand:function(n){e({listExpand:n})},postExpand:function(){var t=(0,ie.Z)((function(t,i){var r,o,a,s;return(0,re.__generator)(this,(function(t){switch(t.label){case 0:return t.trys.push([0,2,3,4]),e({loading:!0,error:null}),r=n().currentRefNo,o={method:"POST",data:{refNo:r,transEventId:i}},[4,Se.Nv.support["v1.0"]("/public/lc-tracking/event",o)];case 1:return a=t.sent(),e({listExpand:a.data.response}),[3,4];case 2:return s=t.sent(),e({error:s.message}),[3,4];case 3:return e({loading:!1}),[7];case 4:return[2]}}))}));return function(e,n){return t.apply(this,arguments)}}()}})),ke=function(){var e=Ee();e.QontoConnector,e.listLc;return(0,a.jsxs)("div",{style:{marginTop:"120px",marginBottom:"120px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"10vh"},className:"stepLcs",children:[(0,a.jsx)("img",{src:"".concat(L.zW,"/images/upcoming.svg")}),(0,a.jsxs)("div",{style:{marginTop:"20px"},children:[(0,a.jsx)(W.Z,{style:{fontSize:"16px",textAlign:"center",fontWeight:"600"},children:(0,L.f7)("lcLogin.comingSoon")}),(0,a.jsx)(W.Z,{style:{fontSize:"14px",textAlign:"center"},children:(0,L.f7)("lcLogin.descComingSoon")})]})]})},Be=t(29815),Me=t(31008),Ae=t(70983),De=t(53298),Fe=t(85578),Te=t(67358),Pe=t(38895),ze=t(22797),Re=t(58793),Ne=t(71812),Oe=(0,Re.Z)((function(e){return(0,a.jsx)(Te.Z,(0,r.Z)({disableGutters:!0,elevation:0,square:!0},e))}))((function(e){e.theme;return{"&:not(:last-child)":{borderBottom:"1px solid #EAEBEB"},"&:before":{display:"none"}}})),We=(0,Re.Z)((function(e){return(0,a.jsx)(Pe.Z,(0,o.Z)((0,r.Z)({},e),{expandIcon:e.expandIcon}))}))((function(e){e.theme;return{flexDirection:"row",borderBottom:"1px solid #EAEBEB","& .MuiAccordionSummary-expandIconWrapper.Mui-expanded":{transform:"rotate(180deg)"},"& .MuiAccordionSummary-content":{marginLeft:"4px"}}})),Ve=(0,Re.Z)(ze.Z)((function(e){e.theme;return{padding:"8px",borderTop:"1px solid rgba(0, 0, 0, .125)"}}));function _e(){var e=Ee(),n=e.listExpand,t=e.postExpand,i=e.loading,r=e.setListExpand,o=Ee().listLc,s=(0,N.Z)(m.useState("panel1"),2),l=s[0],d=s[1],p=(0,m.useState)(""),x=p[0],u=(p[1],(0,m.useState)("")),g=(u[0],u[1]),h=(null===o||void 0===o?void 0:o.trackingEvents)||[],f=(0,Be.Z)(h);return(0,a.jsx)("div",{"data-testid":"TransactionStatus",children:f.map((function(e,o){return(0,a.jsxs)(v.ZP,{container:!0,direction:"row",gap:"24px",height:"100%",children:[(0,a.jsx)(c.Z,{marginTop:"14px",children:(0,a.jsx)(W.Z,{sx:{fontSize:"16px",fontWeight:400},children:e.timestamp})}),(0,a.jsx)(c.Z,{children:"process"===e.lastStatus||"return"===e.lastStatus?(0,a.jsxs)(v.ZP,{direction:"column",height:"100%",width:"26px",flexGrow:1,display:"flex",justifyContent:"center",alignItems:"center",marginTop:"14px",children:[(0,a.jsx)(Me.Z,{fontSize:"24px",sx:{color:"#1078CA"}}),o0?n.slice().reverse().map((function(e,n){var t=(0,N.Z)(e.split(" - "),2),i=t[0],r=t[1];return(0,a.jsx)(v.ZP,{container:!0,direction:"row",marginTop:"16px",children:(0,a.jsxs)(W.Z,{sx:{fontSize:"16px",fontWeight:500},children:[(0,a.jsxs)("span",{style:{fontWeight:"bold"},children:[i," - "]}),(0,a.jsx)("span",{style:{color:r.includes("Transaction Rejected")?"#E84040":"#171A1C"},children:r})]})},n)})):(0,a.jsx)(v.ZP,{direction:"column",display:i?"none":"flex",alignItems:"center",justifyContent:"center",marginTop:"32px",sx:{maxWidth:"470px"},children:(0,a.jsx)(Ne.Z,{size:"medium",message:(0,L.f7)("lcLogin.title2"),title:(0,L.f7)("lcLogin.notFound"),className:"skk-content-center"})})]})]})})]});var s}))})}var qe=function(){var e=(0,m.useState)(0),n=e[0],t=e[1];return(0,a.jsxs)("div",{className:"tabs-lc","data-testid":"LcResultTabs",children:[(0,a.jsxs)(de.Z,{value:n,onChange:function(e,n){t(n)},sx:je.Z.tabs,variant:"fullWidth",children:[(0,a.jsx)(pe.Z,{label:(0,L.f7)("lcLogin.transStatusTab"),sx:(0,o.Z)((0,r.Z)({},je.Z.tab),{color:0===n?"#00549B":"#777777"})}),(0,a.jsx)(pe.Z,{label:(0,L.f7)("lcLogin.documentTrackTab"),sx:(0,o.Z)((0,r.Z)({},je.Z.tab),{color:1===n?"#00549B":"#777777"})}),(0,a.jsx)(pe.Z,{label:(0,L.f7)("lcLogin.vesselTrackTab"),sx:(0,o.Z)((0,r.Z)({},je.Z.tab),{color:2===n?"#00549B":"#777777"})})]}),(0,a.jsx)("hr",{style:je.Z.hr}),0===n&&(0,a.jsx)(_e,{}),1===n&&(0,a.jsx)(we.Z,{}),2===n&&(0,a.jsx)(ke,{})]})},Ge=function(e){var n=e.desc,t=e.title;return(0,a.jsxs)(c.Z,{sx:je.Z.cardTrackTwo,className:"skk-content-center","data-testid":"CardInfoLcTrackTwo",children:[(0,a.jsx)(W.Z,{sx:je.Z.infoTitle,className:"skk-content-center",children:t}),(0,a.jsx)(W.Z,{sx:je.Z.descCardTwo,className:"skk-content-center",children:n})]})},Ue=function(){var e=(0,m.useState)(0);e[0],e[1];return(0,a.jsxs)("div",{style:{marginTop:"120px",marginBottom:"120px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"10vh"},className:"stepLcs","data-testid":"BankGaransiTracking",children:[(0,a.jsx)("img",{src:"".concat(L.zW,"/images/upcoming.svg")}),(0,a.jsxs)("div",{style:{marginTop:"20px"},children:[(0,a.jsx)(W.Z,{style:{fontSize:"16px",textAlign:"center",fontWeight:"600"},children:(0,L.f7)("lcLogin.comingSoon")}),(0,a.jsx)(W.Z,{style:{fontSize:"14px",textAlign:"center"},children:(0,L.f7)("lcLogin.descComingSoon")})]})]})},Je=t(78428),Xe=t.n(Je),Qe=function(){var e=(0,m.useState)({step:"",description:"",responseCode:"",message:""}),n=e[0],t=e[1],i=function(){var e=(0,ie.Z)((function(e,n,t){var i,r,o,a,s,l,c,d;return(0,re.__generator)(this,(function(p){switch(p.label){case 0:if(i=localStorage.getItem("new-user"),!(r=JSON.parse(i)))return console.error("No user data found in local storage"),[2];o=r.requestId,a=r.deviceId,s=new(Xe().Agent)({rejectUnauthorized:!0}),l={timestamp:(new Date).toISOString(),deviceID:a,requestId:o,fiturCode:"LCTRCK",responseCode:t||"000",message:n||"Success",step:e},p.label=1;case 1:return p.trys.push([1,4,,5]),c={httpsAgent:s,headers:{"Access-Control-Allow-Origin":"*"}},JSON.stringify(l),[4,Se.Nv.monitoring["v1.0"].post("/public/fitur/sensor",l,c)];case 2:return[4,p.sent().data];case 3:return p.sent(),[3,5];case 4:return d=p.sent(),console.error("Error:",d),[3,5];case 5:return[2]}}))}));return function(n,t,i){return e.apply(this,arguments)}}();return(0,o.Z)((0,r.Z)({},n),{updateStepData:function(e,n,i){t({step:e,message:n,responseCode:i})},sendResponse:i})},Ye=function(){var e=Ee(),n=e.open,t=(e.data,e.handleClose),i=(e.handleSearch,e.listFlag),s=e.getFlag,l=e.postLc,c=e.listLc,d=e.loading,p=e.listType,x=e.getType,u=e.getLcDetailErrorMessageId,g=e.isDataExpired,h=(0,m.useState)(null),f=(h[0],h[1]),Z=(0,m.useState)("IDR"),j=Z[0],b=Z[1],w=(0,m.useState)(""),C=w[0],I=w[1],H=(0,m.useState)("LC"),S=H[0],E=H[1],k=(0,m.useState)(""),B=k[0],M=k[1],A=(0,m.useState)(!1),D=A[0],F=A[1],T=(0,m.useState)("lcTracking"),P=T[0],z=T[1],R=(0,m.useState)(!1),N=R[0],O=R[1],V={PaperProps:{style:{maxHeight:188,width:"auto"}}},_=ee().payloadId,q=Qe().sendResponse,G=function(){var e=(0,ie.Z)((function(){var e,n;return(0,re.__generator)(this,(function(t){switch(t.label){case 0:return O(!0),F(!0),q("Submit"),(null===_||void 0===_?void 0:_.deviceId)&&(null===_||void 0===_?void 0:_.requestId)?(e=_.deviceId,n=_.requestId,[4,l(C,S,j,B,e,n)]):[2];case 1:return t.sent(),F(!1),[2]}}))}));return function(){return e.apply(this,arguments)}}();return(0,m.useEffect)((function(){D&&(C||S||j||B)&&F(!1)}),[C,S,j,B]),(0,m.useEffect)((function(){N&&d&&O(!1)}),[d,N]),(0,m.useEffect)((function(){n&&(f(null),b("IDR"),I(""),E("LC"),M(""),F(!1),s(),x()),"bankGaransiTracking"===P&&z("lcTracking")}),[n]),(0,a.jsx)(ce.Z,{open:n,onClose:t,"aria-labelledby":"modal-modal-title","aria-describedby":"modal-modal-description","data-testid":"ModalLcTracking",children:(0,a.jsxs)("div",{style:(0,o.Z)((0,r.Z)({},je.Z.modal),{overflow:d?"hidden":"auto"}),id:"modalLc",className:"skk-content-center",children:[N&&(0,a.jsx)("div",{className:"skk-content-center",style:{display:"flex",justifyContent:"center",alignItems:"center",position:"fixed",width:"51vw",height:"85vh",zIndex:99,left:0,top:"50%"},children:(0,a.jsx)(y.Z,{})}),(0,a.jsxs)(he.Z,{sx:je.Z.flexBetweenModal,children:[(0,a.jsx)(W.Z,{sx:je.Z.titleModal,children:(0,L.f7)("lcLogin.trackingModal")}),(0,a.jsx)(fe.Z,{style:je.Z.closeIcon,onClick:t})]}),(0,a.jsxs)(de.Z,{value:P,onChange:function(e,n){"lcTracking"===P&&(I(""),b("IDR"),E("LC"),M(""),F(!1)),z(n)},sx:je.Z.tabs,children:[(0,a.jsx)(pe.Z,{label:(0,L.f7)("lcLogin.lcTabs"),sx:(0,o.Z)((0,r.Z)({},je.Z.tab),{color:"lcTracking"===P?"#00549B":"#777777",textAlign:"center",width:"20%",borderBottom:"1px solid #B5B6B6"}),value:"lcTracking"}),(0,a.jsx)(pe.Z,{label:(0,L.f7)("lcLogin.banklGuaranteeTabs"),sx:(0,o.Z)((0,r.Z)({},je.Z.tab),{color:"bankGaransiTracking"===P?"#00549B":"#777777",textAlign:"center",width:"30%",borderBottom:"1px solid #B5B6B6"}),value:"bankGaransiTracking"})]}),(0,a.jsx)("hr",{style:je.Z.hr}),"lcTracking"===P&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(he.Z,{sx:je.Z.inputContainer,className:"skk-content-center",children:[(0,a.jsxs)(he.Z,{sx:je.Z.w25,className:"skk-content-center",children:[(0,a.jsx)(W.Z,{style:je.Z.inputTitle,children:(0,L.f7)("lcLogin.lcReference")}),(0,a.jsx)(xe.Z,{placeholder:(0,L.f7)("lcLogin.ReferenceNoPlacehoder"),style:je.Z.inputStyle,className:"skk-content-center",value:C,onChange:function(e){return I(e.target.value)}})]}),(0,a.jsxs)(he.Z,{sx:je.Z.w15,className:"skk-content-center",children:[(0,a.jsx)(W.Z,{style:je.Z.inputTitle,children:(0,L.f7)("lcLogin.transType")}),(0,a.jsx)(ue.Z,{value:S,displayEmpty:!0,inputProps:{"aria-label":"Without label"},IconComponent:function(){return(0,a.jsx)(me.Z,{style:je.Z.iconInput})},sx:je.Z.inputStyle,className:"skk-content-center",onChange:function(e){return E(e.target.value)},children:p.map((function(e){return(0,a.jsx)(ge.Z,{value:e.code,children:e.code},e.code)}))})]}),(0,a.jsxs)(he.Z,{sx:je.Z.w25,className:"skk-content-center",children:[(0,a.jsx)(W.Z,{style:je.Z.inputTitle,children:(0,L.f7)("lcLogin.currency")}),(0,a.jsx)(ue.Z,{value:j,onChange:function(e){b(e.target.value),function(e){var n=e.target.value,t=i.find((function(e){return e.code===n}));f(t)}(e)},displayEmpty:!0,inputProps:{"aria-label":"Without label"},IconComponent:function(){return(0,a.jsx)(me.Z,{style:je.Z.iconInput})},sx:je.Z.inputStyle,className:"skk-content-center",MenuProps:V,children:null===i||void 0===i?void 0:i.map((function(e){return(0,a.jsx)(ge.Z,{value:e.code,children:(0,a.jsxs)(v.ZP,{container:!0,alignItems:"center",sx:{fontSize:"14px"},children:[(0,a.jsx)("img",{src:e.desc,alt:e.code,style:{width:"20px",height:"20px",marginRight:"10px"}}),e.code]})},e.code)}))})]}),(0,a.jsxs)(he.Z,{sx:je.Z.w30,className:"skk-content-center",children:[(0,a.jsx)(W.Z,{style:je.Z.inputTitle,children:(0,L.f7)("lcLogin.amount")}),(0,a.jsx)(xe.Z,{style:je.Z.inputStyle,placeholder:(0,L.f7)("lcLogin.amountInput"),className:"skk-content-center",value:B,onChange:function(e){var n=function(e){var n=e.replace(/[^\d,]/g,"").split(","),t=n[0].replace(/\B(?=(\d{3})+(?!\d))/g,".");if(n.length>1){var i=n[1].slice(0,2);return"".concat(t,",").concat(i)}return t}(e.target.value);M(n)}}),(0,a.jsx)(W.Z,{style:je.Z.inputDesc,className:"skk-content-center",children:(0,L.f7)("lcLogin.amountDesc")})]})]}),(0,a.jsx)(Ze.Z,{loading:d,variant:"contained",style:(0,o.Z)((0,r.Z)({},je.Z.buttonCari),{backgroundColor:C&&S&&j&&B?je.Z.buttonCari.backgroundColor:"#B5B6B6",color:C&&S&&j&&B?je.Z.buttonCari.backgroundColor:"#FFFFFF"}),onClick:G,className:"skk-content-center",disabled:!C||!S||!j||!B,children:(0,L.f7)("lcLogin.search")}),(0,a.jsx)(ve,{desc:(0,L.f7)("lcLogin.cardInfo2")}),(0,a.jsxs)(he.Z,{className:"skk-content-center",children:[c||!u||g||d?c||!g||d?c?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(he.Z,{className:"skk-content-center",children:[(0,a.jsx)(ye,{keys:(0,L.f7)("lcLogin.lcNumberDetail"),value:null===c||void 0===c?void 0:c.lcRefNo}),(0,a.jsx)(ye,{keys:(0,L.f7)("lcLogin.issuedDate"),value:(null===c||void 0===c?void 0:c.dateOfIssue)&&c.dateOfIssue.replace(/\//g,"")}),(0,a.jsx)(ye,{keys:(0,L.f7)("lcLogin.expiry"),value:null===c||void 0===c?void 0:c.dateAndPlaceOfExpiry}),(0,a.jsx)(ye,{keys:(0,L.f7)("lcLogin.amountDesc2"),value:" ".concat(j," ").concat((0,L.Bu)(null===c||void 0===c?void 0:c.amount))}),(0,a.jsx)(ye,{keys:(0,L.f7)("lcLogin.draft"),value:null===c||void 0===c?void 0:c.draftAt})]}),(0,a.jsxs)(he.Z,{className:"skk-content-center",children:[(0,a.jsx)(ve,{desc:(0,L.f7)("lcLogin.infoTrack")}),(0,a.jsx)(he.Z,{sx:je.Z.separator}),(0,a.jsx)(qe,{})]})]}):void 0:(0,a.jsx)(he.Z,{sx:{marginTop:"60px"},children:(0,a.jsx)(Ne.Z,{size:"medium",message:(0,L.f7)("lcLogin.dataExpired.desc"),title:(0,L.f7)("lcLogin.dataExpired.title"),imgPath:"/images/dataExpiredFallback.svg"})}):(0,a.jsx)(he.Z,{sx:{marginTop:"60px"},children:(0,a.jsx)(Ne.Z,{size:"medium",message:(0,L.f7)(u),title:(0,L.f7)("lcLogin.notFound")})}),(0,a.jsx)(Ge,{title:(0,L.f7)("lcLogin.keterangan"),desc:(0,L.f7)("lcLogin.cardInfo3")})]})]}),"bankGaransiTracking"===P&&(0,a.jsx)(Ue,{})]})})},Ke=function(e){e.small;var n=Ee().setOpen,t=K(),i=ee(),r=i.getPayloadId,o=i.payloadId,s=Qe().sendResponse;return(0,a.jsxs)("div",{"data-testid":"LcTrackingLogin",children:[(0,a.jsxs)(c.Z,{sx:t.boxTracking,children:[(0,a.jsx)(c.Z,{flexShrink:0,maxWidth:"100%",children:(0,a.jsx)("img",{src:"".concat(L.zW,"/images/login/TrackingLogin.png"),style:{maxWidth:"100%"}})}),(0,a.jsxs)(c.Z,{width:"81%",children:[(0,a.jsx)(W.Z,{sx:t.textTitle,children:(0,L.f7)("lcLogin.trackingTitle")}),(0,a.jsx)(W.Z,{sx:t.textDescription,children:(0,L.f7)("lcLogin.DescCard").slice(0,350)}),(0,a.jsxs)(X.Z,{sx:t.trackingLcButton,onClick:function(){r(),o&&o.deviceId&&0!==o.deviceId.length&&s("Click"),n(!0)},children:[(0,L.f7)("lcLogin.tracking"),(0,a.jsx)(le.Z,{sx:{ml:"10px",height:"10px",width:"10px"}})]})]})]}),(0,a.jsx)(Ye,{})]})},$e=t(7297),en=t(88078),nn=t(186),tn=t(10615),rn=(t(16703),t(13973)),on=t(26602),an=function(e){var n=e.bannerList,t=(0,m.useState)(0),i=t[0],s=t[1],l=(0,m.useState)(!0),c=l[0],d=l[1],p={xs:(0,Y.Z)("(max-width: 576px)"),sm:(0,Y.Z)("(min-width: 577px) and (max-width: 768px)"),md:(0,Y.Z)("(min-width: 769px) and (max-width: 1024px)"),lg:(0,Y.Z)("(min-width: 1025px) and (max-width: 1440px)"),xl:(0,Y.Z)("(min-width: 1441px) and (max-width: 1920px)"),xxl:(0,Y.Z)("(min-width: 1921px) and (max-width: 2560px)"),xxxl:(0,Y.Z)("(min-width: 2561px)")},x=p.xs?{itemsPerView:1,imageHeight:"180px",marginX:"-20px"}:p.sm?{itemsPerView:2,imageHeight:"200px",marginX:"-25px"}:p.md?{itemsPerView:3,imageHeight:"220px",marginX:"-30px"}:p.lg?{itemsPerView:3,imageHeight:"250px",marginX:"-40px"}:p.xl?{itemsPerView:4,imageHeight:"280px",marginX:"-50px"}:p.xxl?{itemsPerView:5,imageHeight:"280px",marginX:"-60px"}:{itemsPerView:6,imageHeight:"280px",marginX:"-60px"};(0,m.useEffect)((function(){if(c&&(null===n||void 0===n?void 0:n.length)>3){var e=setInterval((function(){s((function(e){return(e+1)%(null===n||void 0===n?void 0:n.length)}))}),5e3);return function(){return clearInterval(e)}}}),[c,n]);var u=(null===n||void 0===n?void 0:n.length)>x.itemsPerView,g=function(e){x.imageHeight,"url(".concat(e.image,")");return(0,a.jsx)("div",{style:{width:"100%",padding:"0 5px",boxSizing:"border-box",height:x.imageHeight,display:"flex",alignItems:"center",justifyContent:"center",pointerEvents:"none"},children:(0,a.jsx)("img",{src:e.image,onClick:function(){if(e.url){var n=e.url.startsWith("http")?e.url:"https://".concat(e.url);window.open(n,"_blank","noopener,noreferrer")}else{var t=e.image;window.open().document.write(''))}},style:{maxWidth:"100%",maxHeight:"100%",height:"auto",objectFit:"contain",borderRadius:"8px",cursor:"pointer",pointerEvents:"auto"}})})},h={width:"40px",height:"40px",minWidth:"40px",backgroundColor:"#1078CA",borderRadius:"8px",position:"absolute",top:"46.5%",transform:"translateY(-50%)",zIndex:10,display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",border:"none",padding:0};return(0,a.jsxs)("div",{style:{top:(null===n||void 0===n?void 0:n.length)<=3?"0":"-5%",marginRight:p.xxxl?"-100px":p.xxl?"-80px":p.xl?"-70px":p.lg?"-60px":"-30px",position:"relative"},children:[u&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(X.Z,{onClick:function(){s((function(e){return(e-1+(null===n||void 0===n?void 0:n.length))%(null===n||void 0===n?void 0:n.length)})),d(!1)},style:(0,o.Z)((0,r.Z)({},h),{left:-15}),children:(0,a.jsx)(rn.Z,{style:{color:"#FFFFFF"}})}),(0,a.jsx)(X.Z,{onClick:function(){s((function(e){return(e+1)%(null===n||void 0===n?void 0:n.length)})),d(!1)},style:(0,o.Z)((0,r.Z)({},h),{right:-15}),children:(0,a.jsx)(on.Z,{style:{color:"#FFFFFF"}})})]}),(0,a.jsx)(tn.lr,{showArrows:!1,showThumbs:!1,showStatus:!1,showIndicators:!1,infiniteLoop:!1,autoPlay:(null===n||void 0===n?void 0:n.length)>3&&p.xl&&p.xxl,centerMode:!0,centerSlidePercentage:100/x.itemsPerView,style:{overflow:"visible"},swipeable:!1,emulateTouch:!1,children:function(){for(var e=[],t=0;t10,u=(0,kn.e)(),g=u.isErrorMFA,h=u.setIsErrorMFA,f=u.errorMessageMFA,Z=u.setErrorMessageMFA,j=(0,Sn.Z)(),b=j.spacing0,v=j.spacing1,y=j.spacing2,w=j.spacing3,C=j.spacing4,I=j.spacing6,H=function(){d(""),h(!1),Z(""),t()};return(0,a.jsxs)(Zn.Z,{open:n,onClose:H,PaperProps:{sx:{width:"888px",maxWidth:"calc(100vw - 32px)",borderRadius:"16px"}},children:[(0,a.jsxs)(jn.Z,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",p:I,gap:C},children:[(0,a.jsx)(Hn.Z,{type:"title-lg",color:"#292929",children:(0,L.f7)("loginPage.validateOTP")}),(0,a.jsx)(c.Z,{onClick:H,sx:{width:"24px",height:"24px",display:"flex",justifyContent:"center",alignItems:"center",cursor:"pointer"},children:(0,a.jsxs)("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,a.jsx)("path",{d:"M0.333664 19.6663C-0.111217 19.2215 -0.111217 18.5002 0.333664 18.0553L18.0553 0.33367C18.5002 -0.111211 19.2215 -0.111212 19.6663 0.333669C20.1112 0.77855 20.1112 1.49984 19.6663 1.94473L1.94472 19.6663C1.49984 20.1112 0.778544 20.1112 0.333664 19.6663Z",fill:"#777777"}),(0,a.jsx)("path",{d:"M0.33366 0.333661C0.778541 -0.11122 1.49984 -0.11122 1.94472 0.333661L19.6663 18.0553C20.1112 18.5002 20.1112 19.2215 19.6663 19.6663C19.2215 20.1112 18.5002 20.1112 18.0553 19.6663L0.333661 1.94472C-0.11122 1.49984 -0.11122 0.778542 0.33366 0.333661Z",fill:"#777777"})]})})]}),(0,a.jsxs)(bn.Z,{sx:{overflow:"auto",px:I,py:b,display:"flex",flexDirection:"column",gap:I},children:[(0,a.jsxs)(c.Z,{sx:{display:"flex",alignItems:"flex-start",gap:y,padding:C,bgcolor:"#DDEFFC",border:"1px solid #1078CA",borderRadius:y},children:[(0,a.jsx)(vn.Z,{sx:{width:"16px",height:"18px",paddingTop:"2px"},children:(0,a.jsx)(Bn,{padding:"1px",src:"".concat(L.zW,"/icon/InfoIconBlue.svg")})}),(0,a.jsxs)(c.Z,{sx:{display:"flex",flexDirection:"column",gap:v},children:[(0,a.jsx)(Hn.Z,{type:"title-xs",color:"#292929",children:(0,L.f7)("loginPage.needOtp")}),(0,a.jsx)(Hn.Z,{type:"body-md",color:"#666666",children:(0,L.f7)("loginPage.needOtpDesc")})]})]}),(0,a.jsxs)(c.Z,{sx:{display:"flex",flexDirection:"column",gap:I,paddingX:I,paddingY:C,border:"1px solid #EAEBEB",borderRadius:"8px"},children:[(0,a.jsx)(Hn.Z,{type:"body-md",color:"#292929",children:(0,L.f7)("loginPage.enterOtp")}),(0,a.jsxs)(vn.Z,{spacing:y,children:[(0,a.jsx)(yn.Z,{fullWidth:!0,variant:"outlined",value:l,onChange:function(e){g&&(h(!1),Z(""));var n=e.target.value.replace(/[^0-9]/g,"");n.length<=10&&d(n)},error:g,placeholder:(0,L.f7)("loginPage.otp"),sx:{"& .MuiOutlinedInput-root":(0,r.Z)({borderRadius:"8px",height:"44px","& fieldset":{borderRadius:"8px"},"& input":{padding:"12px",height:"20px"}},g&&{"& fieldset":{borderColor:"#d32f2f"}}),"& .MuiInputBase-input::placeholder":{fontSize:"14px",opacity:1,fontFamily:"BriDigitalText",fontWeight:400,color:"#666666"}},inputProps:{inputMode:"numeric",pattern:"[0-9]*",maxLength:10}}),g&&(0,a.jsx)(Hn.Z,{type:"caption-md",color:"#E84040",children:f})]}),(0,a.jsx)(wn.Z,{style:{borderColor:"#EAEBEB"}}),(0,a.jsxs)(c.Z,{sx:{display:"flex",flexDirection:p?"column":"row",justifyContent:p?"flex-start":"space-between",alignItems:p?"flex-start":"center",gap:C,paddingBottom:C},children:[(0,a.jsx)(Hn.Z,{type:"title-xs",color:"#292929",children:(0,L.f7)("loginPage.needHelp")}),(0,a.jsxs)(c.Z,{sx:{display:"flex",flexDirection:p?"column":"row",alignItems:p?"flex-start":"center",gap:w},children:[(0,a.jsxs)(c.Z,{sx:{display:"flex",alignItems:"center",gap:v},children:[(0,a.jsx)(Bn,{padding:"1px 1px",src:"".concat(L.zW,"/icon/phone.png")}),(0,a.jsx)(Hn.Z,{type:"body-md",color:"#666666",children:(0,L.f7)("loginPage.helpDesk")})]}),!p&&(0,a.jsx)(c.Z,{sx:{width:"1px",height:"20px",backgroundColor:"#B5B6B6"}}),(0,a.jsxs)(c.Z,{sx:{display:"flex",alignItems:"center",gap:v},children:[(0,a.jsx)(Bn,{padding:"2px 1px",src:"".concat(L.zW,"/icon/mail.png")}),(0,a.jsx)(Hn.Z,{type:"body-md",color:"#666666",children:(0,L.f7)("loginPage.emailHelpDesk")})]})]})]})]})]}),(0,a.jsx)(Cn.Z,{sx:{padding:I},children:(0,a.jsx)(X.Z,{fullWidth:!0,variant:"contained",onClick:function(){i(l,d)},disabled:x||o,sx:{backgroundColor:"#1078CA",color:"white",paddingX:C,paddingY:w,borderRadius:"8px",textTransform:"none",boxShadow:"none","&.Mui-disabled":{backgroundColor:"#EAEBEB",color:"#B5B6B6"}},children:(0,a.jsx)(Hn.Z,{type:"label-lg",children:o?(0,a.jsx)(In(),{color:"white",loading:o,size:20}):(0,L.f7)("loginPage.send")})})})]})},An=t(71470),Dn=t(58197),Fn=(0,nn.ZP)("img")((function(e){var n=e.padding,t=e.width,i=e.height;return"\n width: ".concat(t||"16px",";\n height: ").concat(i||"16px",";\n padding: ").concat(n||"0px 0px",";\n margin-right: 5px;\n")})),Tn=function(e){var n=e.open,t=e.onClose,i=e.onSubmit,o=e.increment,s=void 0===o?1:o,l=(0,kn.S)().deviceID,d=(0,Dn.N)(),p=d.otpCode,x=d.setOtpCode,u=d.email,g=d.requestOTP,h=d.isLoadingMFAIb,f=d.ibbizToken,Z=d.otpRequestCooldownUntil,j=d.setOtpRequestCooldownUntil,b=d.setIsOpenModalOTPIb,v=d.isErrorValidateOtpIbbiz,y=d.errorMessageValidateOtpIbbiz,w=d.resetErrorValidateOtpIbbiz,C=d.mfaSessionIbExpired,I=(0,m.useState)(!1),H=I[0],S=I[1],E=(0,m.useState)(60),k=E[0],B=E[1],M=(null===p||void 0===p?void 0:p.length)<6||!l||!f,A=(0,Sn.Z)(),D=A.spacing0,F=A.spacing1,T=A.spacing2,P=A.spacing3,z=A.spacing4,R=A.spacing6,N=function(){x(""),w(),b(!1),S(!1),t()},O=function(){var e=(0,ie.Z)((function(){var e;return(0,re.__generator)(this,(function(n){switch(n.label){case 0:e=Date.now(),j(e+6e4),n.label=1;case 1:return n.trys.push([1,3,,4]),[4,g()];case 2:return n.sent(),[3,4];case 3:return n.sent(),j(null),S(!1),B(0),[3,4];case 4:return[2]}}))}));return function(){return e.apply(this,arguments)}}();(0,m.useEffect)((function(){var e=setInterval((function(){var n=Date.now(),t=Z?Math.floor((Z-n)/1e3):0;t>0?(S(!0),B(t)):(S(!1),B(0),clearInterval(e))}),1e3);return function(){return clearInterval(e)}}),[Z]),(0,m.useEffect)((function(){C&&N()}),[C]);var W=(0,Y.Z)("(max-width: 340px)"),V=(0,Y.Z)("(max-width: 380px)"),_=(0,Y.Z)("(max-width: 440px)"),q=(0,Y.Z)("(max-width: 500px)");return(0,a.jsxs)(Zn.Z,{open:n,onClose:function(e,n){"backdropClick"!==n&&N()},PaperProps:{sx:{width:"".concat(480*s,"px"),maxWidth:"calc(100vw - 32px)",borderRadius:"".concat(16*s,"px"),overflow:"scroll",scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"},"-ms-overflow-style":"none"}},disableEscapeKeyDown:!0,children:[(0,a.jsxs)(jn.Z,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",p:R,gap:P},children:[(0,a.jsx)(Hn.Z,{type:"title-lg",color:"#292929",children:(0,L.f7)("loginPage.validateOTP")}),(0,a.jsx)(c.Z,{onClick:N,sx:{width:"".concat(24*s,"px"),height:"".concat(24*s,"px"),display:"flex",justifyContent:"center",alignItems:"center",cursor:"pointer"},children:(0,a.jsxs)("svg",{width:20*s,height:20*s,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,a.jsx)("path",{d:"M0.333664 19.6663C-0.111217 19.2215 -0.111217 18.5002 0.333664 18.0553L18.0553 0.33367C18.5002 -0.111211 19.2215 -0.111212 19.6663 0.333669C20.1112 0.77855 20.1112 1.49984 19.6663 1.94473L1.94472 19.6663C1.49984 20.1112 0.778544 20.1112 0.333664 19.6663Z",fill:"#777777"}),(0,a.jsx)("path",{d:"M0.33366 0.333661C0.778541 -0.11122 1.49984 -0.11122 1.94472 0.333661L19.6663 18.0553C20.1112 18.5002 20.1112 19.2215 19.6663 19.6663C19.2215 20.1112 18.5002 20.1112 18.0553 19.6663L0.333661 1.94472C-0.11122 1.49984 -0.11122 0.778542 0.33366 0.333661Z",fill:"#777777"})]})})]}),(0,a.jsxs)(bn.Z,{sx:{overflow:"visible",px:R,py:D,display:"flex",flexDirection:"column",gap:P},children:[(0,a.jsxs)(c.Z,{sx:{display:"flex",alignItems:"flex-start",gap:P,padding:P,bgcolor:"#DDEFFC",border:"".concat(1*s,"px solid #1078CA"),borderRadius:T},children:[(0,a.jsx)(c.Z,{sx:{flexShrink:0,width:"".concat(16*s,"px"),height:"".concat(16*s,"px"),display:"flex",alignItems:"flex-start",justifyContent:"center",pt:"".concat(6*s,"px")},children:(0,a.jsx)(Fn,{src:"".concat(L.zW,"/icon/InfoIconBlue.svg"),sx:{width:"100%",height:"100%"}})}),(0,a.jsx)(c.Z,{sx:{flexGrow:1},children:q?(0,a.jsxs)(Te.Z,{sx:{boxShadow:"none",bgcolor:"transparent","&:before":{display:"none"},"&.Mui-expanded":{margin:0}},children:[(0,a.jsx)(Pe.Z,{expandIcon:(0,a.jsx)(c.Z,{sx:{width:"".concat(16*s,"px"),height:"".concat(16*s,"px"),display:"flex",alignItems:"center",justifyContent:"center",transition:"transform 0.2s","& .Mui-expanded &":{transform:"rotate(180deg)"}},children:(0,a.jsx)("img",{src:"".concat(L.zW,"/icon/arrowDown.svg"),width:"100%",height:"100%",alt:"expand-contract"})}),sx:{padding:0,height:"".concat(28*s,"px"),minHeight:"0px !important","& .MuiAccordionSummary-content":{margin:"".concat(F," 0")}},children:(0,a.jsx)(Hn.Z,{type:"title-xs",color:"#292929",children:(0,L.f7)("loginPage.needOtp")})}),(0,a.jsx)(ze.Z,{sx:{padding:0,pb:F},children:(0,a.jsx)(Hn.Z,{type:"body-md",color:"#666666",sx:{wordWrap:"break-word",maxHeight:"160px",overflow:"auto",pr:T},children:(0,L.f7)("loginPage.needOtpDescIb")})})]}):(0,a.jsxs)("div",{style:{display:"flex",flexDirection:"column"},children:[(0,a.jsx)(Hn.Z,{type:"title-xs",color:"#292929",children:(0,L.f7)("loginPage.needOtp")}),(0,a.jsx)(Hn.Z,{type:"body-md",color:"#666666",sx:{wordWrap:"break-word",maxHeight:"160px",overflow:"auto",pr:T},children:(0,L.f7)("loginPage.needOtpDescIb")})]})})]}),(0,a.jsxs)(c.Z,{sx:{display:"flex",flexDirection:"column",gap:P,paddingX:P,paddingY:P,border:"1px solid #EAEBEB",borderRadius:"8px"},children:[(0,a.jsxs)(Hn.Z,{type:"body-md",color:"#292929",style:{wrapText:"break-word"},children:[(0,L.f7)("loginPage.sendOtpInfo"),"\xa0:"," ",(0,a.jsx)("strong",{children:u}),","," ",(0,L.f7)("loginPage.sendOtpInfo2")]}),(0,a.jsx)(X.Z,{variant:"outlined",onClick:O,disabled:H,sx:{borderColor:"#1078CA",borderWidth:"".concat(1*s,"px"),paddingX:"".concat(16*s,"px"),paddingY:"".concat(12*s,"px"),width:"100%",height:"".concat(48*s,"px"),borderRadius:"".concat(8*s,"px"),textTransform:"none"},children:H?(0,a.jsx)(Hn.Z,{type:"label-lg",color:"#B5B6B6",children:function(e){var n=String(Math.floor(e/60)).padStart(2,"0"),t=String(e%60).padStart(2,"0");return"".concat(n,":").concat(t)}(k)}):(0,a.jsx)(Hn.Z,{type:"label-lg",color:"#1078CA",children:(0,L.f7)("loginPage.sendOtp")})})]})]}),(0,a.jsxs)(Cn.Z,{sx:{display:"flex",flexDirection:"column",padding:R,paddingTop:P,gap:P},children:[(0,a.jsxs)(c.Z,{sx:{display:"flex",flexDirection:"column",width:"100%",padding:P,gap:T,border:"".concat(1*s,"px solid #EAEBEB"),borderRadius:"".concat(8*s,"px")},children:[(0,a.jsx)(Hn.Z,{type:"body-md",color:"#292929",children:(0,L.f7)("loginpage.sendOtpCode")}),(0,a.jsx)(c.Z,{id:"otp-container-2",sx:{display:"flex",flexDirection:"row",alignSelf:"center",justifyContent:"space-between",gap:"".concat(16*s,"px")},children:(0,a.jsx)(An.Z,{value:p,onChange:function(e){var n;/^[0-9]*$/.test(n=e)&&x(n)},isDisabled:h,numInputs:6,renderInput:function(e){return(0,a.jsx)("input",(0,r.Z)({},e))},isInputNum:!0,inputStyle:{width:W?"24px":V?"28px":_?"32px":q?"36px":"".concat(48*s,"px"),height:W?"24px":V?"28px":_?"32px":q?"36px":"".concat(48*s,"px"),fontSize:V?"medium":_?"large":"x-large",fontFamily:"BriDigitalTextSemibold",textAlign:"center",borderRadius:W?"4px":V?"6px":"".concat(8*s,"px"),border:"".concat(1*s,v?"px solid #E84040":"px solid #B5B6B6"),"&:focus":{border:"".concat(2*s,"px solid #00529C"),transition:"0.5s"}},containerStyle:{display:"flex",flexDirection:"row",justifyContent:"space-between",gap:W?F:_?T:"".concat(16*s,"px")}})}),v&&(0,a.jsx)(Hn.Z,{type:"caption-md",color:v?"#E84040":"#B5B6B6",style:{textAlign:"left"},children:y})]}),(0,a.jsx)(X.Z,{fullWidth:!0,variant:"contained",onClick:function(){i(p,f)},disabled:M||h,sx:{margin:"0px !important",backgroundColor:"#1078CA",color:"white",paddingX:z,paddingY:P,borderRadius:"8px",textTransform:"none",boxShadow:"none","&.Mui-disabled":{backgroundColor:"#EAEBEB",color:"#B5B6B6"}},children:(0,a.jsx)(Hn.Z,{type:"label-lg",children:h?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(In(),{color:"white",loading:h,size:20}),(0,L.f7)("loginPage.validate")]}):(0,L.f7)("loginPage.validate")})})]})]})},Pn=t(84573),zn=t(28545),Rn=t(21881),Nn=t(99888),On=function(){return(0,a.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"200",height:"200",viewBox:"0 0 200 200",fill:"none",children:[(0,a.jsx)("path",{d:"M148.19 25.3335H29.0405C23.5568 25.3335 19.1113 29.7789 19.1113 35.2626V154.412C19.1113 159.896 23.5568 164.341 29.0405 164.341H148.19C153.674 164.341 158.119 159.896 158.119 154.412V35.2626C158.119 29.7789 153.674 25.3335 148.19 25.3335Z",fill:"#DDEFFC"}),(0,a.jsx)("path",{d:"M88.7998 93.2608V45.2446L144.8 77.7479V126.133L88.7998 93.2608Z",fill:"#78BDF4"}),(0,a.jsx)("path",{d:"M117.888 74.0106L104.906 66.5747C103.576 65.8124 102.958 64.2246 103.423 62.7633C104.051 60.7909 106.337 59.8983 108.135 60.923L121.134 68.3288C122.476 69.0934 123.1 70.6925 122.632 72.1643C121.999 74.1501 119.696 75.0465 117.888 74.0106Z",fill:"#BBDEFA"}),(0,a.jsx)("path",{d:"M88.7998 93.1557V45.2446L34.0443 77.2479V125.511L88.7998 93.1557Z",fill:"#349DEF"}),(0,a.jsx)("path",{d:"M144.8 125.511L88.8 93.1553L34.0444 125.511L88.8 157.244L144.8 125.511Z",fill:"#1078CA"}),(0,a.jsx)("path",{d:"M88.7998 157.245V109.019L144.8 77.6001V125.46L88.7998 157.245Z",fill:"#138CEC"}),(0,a.jsx)("path",{d:"M88.7998 157.245V109.019L34.0443 77.6001V125.511L88.7998 157.245Z",fill:"#56ADF2"}),(0,a.jsx)("path",{d:"M66.8655 108.855L53.884 101.419C52.5532 100.657 51.9352 99.0693 52.4005 97.608C53.0286 95.6356 55.3141 94.743 57.1127 95.7677L70.1113 103.174C71.4534 103.938 72.0779 105.537 71.6092 107.009C70.9769 108.995 68.6739 109.891 66.8655 108.855Z",fill:"#1078CA"}),(0,a.jsx)("circle",{cx:"144.8",cy:"138.578",r:"36.0889",fill:"#0C5A98"}),(0,a.jsx)("path",{d:"M144.17 169.085C161.005 169.447 174.945 156.093 175.307 139.259C175.669 122.424 162.316 108.484 145.481 108.122C128.646 107.76 114.706 121.113 114.344 137.948C113.982 154.783 127.336 168.723 144.17 169.085Z",fill:"#DDEFFC"}),(0,a.jsx)("path",{d:"M143.443 119.655L143.042 138.283C143.019 139.374 143.885 140.277 144.976 140.301C146.067 140.324 146.97 139.459 146.994 138.368L147.394 119.74C147.418 118.649 146.552 117.745 145.461 117.722C144.37 117.698 143.466 118.564 143.443 119.655Z",fill:"#0C5A98"}),(0,a.jsx)("path",{d:"M159.71 152.506L145.751 137.933C145.291 137.454 144.531 137.437 144.053 137.895C143.574 138.353 143.559 139.114 144.018 139.593L157.977 154.165C158.436 154.645 159.197 154.662 159.675 154.204C160.154 153.746 160.169 152.985 159.71 152.506Z",fill:"#0C5A98"})]})},Wn=t(7718),Vn=t(80366),_n={EN:{heading:null!==(dn="The New Qlola Experience Is Coming Soon")?dn:"The New Qlola Experience\nIs Coming Soon",description:null!==(pn="A better, simpler, and more intuitive Qlola experience is on the way.")?pn:"A better, simpler, and more intuitive Qlola experience is on the way.",close:"Close"},ID:{heading:null!==(xn="Pengalaman Qlola Baru Segera Hadir")?xn:"Pengalaman Qlola Baru\nSegera Hadir",description:null!==(un="Layanan terbaru Qlola akan segera hadir dengan fitur yang lebih lengkap untuk mempermudah pengelolaan bisnis Anda.")?un:"Pengalaman Qlola yang lebih baik, lebih sederhana, dan lebih intuitif sedang dalam perjalanan.",close:"Tutup"}},qn={position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:{xs:"92%",sm:"90%",md:950,lg:1050},maxHeight:"90vh",bgcolor:"#005498",boxShadow:24,borderRadius:"20px",outline:"none",overflow:"hidden",display:"flex",flexDirection:{xs:"column",sm:"row"},backgroundImage:{xs:"url(".concat(L.zW,"/images/coming-soon-bg.png)"),sm:"none"},backgroundSize:"cover",backgroundPosition:"center"};function Gn(e){var n=e.open,t=e.handleClose,i=e.language,r=_n[i]||_n.EN,o=(0,m.useState)(!1),s=o[0],l=o[1];return(0,m.useEffect)((function(){var e=new Image;e.src="".concat(L.zW,"/images/coming-soon-bg.png"),e.onload=function(){return l(!0)}}),[]),(0,a.jsx)(ce.Z,{open:n,onClose:t,"aria-labelledby":"announcement-popup-title","aria-describedby":"announcement-popup-description",children:(0,a.jsxs)(c.Z,{sx:qn,children:[(0,a.jsx)(x.Z,{"aria-label":"close",onClick:t,sx:{position:"absolute",top:8,right:8,color:"white",zIndex:2},children:(0,a.jsx)(Vn.Z,{})}),(0,a.jsxs)(c.Z,{sx:{display:{xs:"none",sm:"block"},width:"45%",position:"relative",minHeight:450},children:[!s&&(0,a.jsx)(en.Z,{variant:"rectangular",animation:"wave",sx:{width:"100%",height:"100%",position:"absolute",top:0,left:0,bgcolor:"rgba(255,255,255,0.1)"}}),(0,a.jsx)(c.Z,{sx:{width:"100%",height:"100%",backgroundImage:"url(".concat(L.zW,"/images/coming-soon-bg.png)"),backgroundSize:"cover",backgroundPosition:"center",opacity:s?1:0,transition:"opacity 0.5s ease-in-out"}}),(0,a.jsx)(c.Z,{sx:{position:"absolute",top:0,right:0,width:"50%",height:"100%",background:"linear-gradient(to right, transparent, #005498)"}})]}),(0,a.jsxs)(c.Z,{sx:{flex:1,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",px:{xs:3,sm:5},py:{xs:8,sm:5},minHeight:{xs:450,sm:"auto"},textAlign:"center",backgroundColor:{xs:"rgba(0, 84, 152, 0.75)",sm:"transparent"}},children:[(0,a.jsx)(c.Z,{sx:{mb:3},children:(0,a.jsx)("img",{src:"".concat(L.zW,"/images/qlola-white.svg"),alt:"Qlola by BRI",style:{height:48,objectFit:"contain"}})}),(0,a.jsx)(W.Z,{id:"announcement-popup-title",sx:{fontWeight:"bold",fontSize:{xs:"26px",sm:"34px"},color:"white",fontFamily:"AvenirNextBold",whiteSpace:"pre-line",lineHeight:1.3,mb:2},children:r.heading}),(0,a.jsx)(W.Z,{id:"announcement-popup-description",sx:{fontSize:"16px",color:{xs:"white",sm:"rgba(255,255,255,0.8)"},fontFamily:"avenirNext",maxWidth:380,lineHeight:1.6,textShadow:{xs:"0 1px 4px rgba(0,0,0,0.5)",sm:"none"}},children:r.description})]})]})})}var Un=(0,h.Z)("button")((function(e){return"\n background: #1078CA;\n color : white;\n outline : none;\n border : none;\n cursor : pointer;\n &:hover {\n background : rgb(0,32.9,60.8,0.6);\n }\n"})),Jn={wrapper:{width:"100%",height:"auto",backgroundColor:"#fff",position:"relative",display:"flex",justifyContent:"center",alignItems:"center",flexWrap:"wrap"},subWrapperUp:{backgroundImage:"url(".concat(L.zW,"/images/bg_baru_2.jpg)"),height:"90%",backgroundPosition:"center",backgroundRepeat:"no-repeat",backgroundSize:"cover",display:"flex",gap:"15px",boxSizing:"border-box",position:"relative",flexWrap:"wrap"},subWrapperDown:{display:"flex",flexDirection:"column",gap:"10px",backgroundColor:"rgba(255, 255, 255, 0.25)",borderRadius:"20px",padding:"1rem 1.5rem",overflow:"hidden",justifyContent:"center",alignItems:"center",position:"relative",maxWidth:"600px"},wrapperRegist:{display:"flex",alignItems:"center",gap:"15px",height:"100%",margin:"5rem 0",boxSizing:"border-box"},wrapperForgotPassword:{display:"flex",position:"relative",marginTop:"10px",width:"100%",alignItems:"flex-end",justifyContent:"flex-end"},containerLogo:{height:"90%",display:"flex",justifyContent:"center",alignItems:"center",position:"relative",flexDirection:"column"},alertSuccess:{background:"#27AE60",borderRadius:"8px",display:"flex",alignItems:"center",justifyContent:"space-around",marginTop:"10%",color:"#FFFFFF",mb:-2},alertError:{width:"100%",display:"flex",justifyContent:"center"},backgroundLogo:{backgroundColor:"#E4E4E4","-webkit-filter":"blur(83px)","-moz-filter":"blur(83px)",filter:"blur(83px)",transform:"translateZ(0)",position:"absolute",zIndex:1,borderRadius:"100%"},containerInput:{display:"flex",flexDirection:"column",width:"100%",gap:"10px"},input:{fontSize:"14px",height:"40px",width:"100%",borderRadius:"10px",backgroundColor:"#fff",padding:"20px"},label:{color:"#fff",fontWeight:"bold",fontFamily:"AvenirNextBold"},textWelcomeMessage:{color:"#005498",fontFamily:"AvenirNextBold",fontWeight:"bold",marginTop:"10px",zIndex:2},cardTitle:{width:"100%",background:"linear-gradient(180deg, #F17025 21.43%, rgba(241, 112, 37, 0) 100%)",mixBlendMode:"normal",position:"absolute",top:0,height:"22.5px"},buttonRegistration:{opacity:"1",fontWeight:"bold",marginTop:"20px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"100px",height:"47px",fontFamily:"avenirNext"}},Xn=(0,Z.$j)((function(e){return{auth:e.auth.authentication,language:e.languageContent.language,label:e.languageContent.login,alert:e.alert}}),{changeLanguage:S.D0,getLanguageContent:S.Y,login:H.x4})((0,zn.bP)((function(e){var n,t=e.alert,h=e.login,v=e.language,y=e.label,w=e.changeLanguage,C=(e.getLanguageContent,e.dataLanguage),H=(0,En.ZP)(),k=H.TabletL,B=H.desktop1280,M=(H.hightScreen,H.TabletM),A=H.TabletS,P=H.mobileM,z=H.mobileL,R=H.mobileSX,N=H.mobileScreen,O=H.tabletScreen,W=(0,Wn.Z)().logoutLivechat,V=(0,f.useRouter)(),_=V.query,q=(0,Z.I0)(),G=t.isOpen,U=t.isOpenModal,X=t.alertSuccess,Q=t.message,Y=t.title,K=(0,Nn.C)(),$=K.setDataCustomerConsent,ee=(K.alertConsent,K.setAlertConsent,(0,kn.S)()),ne=ee.deviceID,te=ee.createDeviceId,ie=(0,kn.e)(),re=ie.isOpenModalOTP,oe=ie.setIsOpenModalOTP,ae=ie.validateOtp,se=ie.resetMFALogin,le=(0,Dn.N)(),ce=le.isOpenModalOTPIb,de=le.setIsOpenModalOTPIb,pe=le.isOpenModalOTPIbFailed,xe=le.setIsOpenModalOTPIbFailed,ue=le.isSessionExpired,ge=le.errorMessage,he=le.errorMessageTitle,fe=le.validateOtpIbbiz,me=le.resetErrorValidate,Ze=le.resetErrorValidateOtpIbbiz,je=(0,m.useState)(!1),be=je[0],ve=je[1],ye=(0,m.useState)(!1),we=ye[0],Ce=ye[1],Le=(0,m.useState)(!1),Ie=Le[0],He=Le[1],Se=(0,m.useState)(!1),Ee=Se[0],ke=Se[1],Be=(0,m.useState)(!1),Me=Be[0],Ae=Be[1],De=(0,m.useState)(!1),Fe=De[0],Te=De[1],Pe=(0,m.useState)(!0),ze=Pe[0],Re=Pe[1],Ne=(0,m.useState)(!0),Oe=Ne[0],We=Ne[1],Ve=(0,m.useState)((n={},(0,i.Z)(n,["d","r","o","w","s","s","a","p"].reverse().join(""),""),(0,i.Z)(n,"showPassword",!1),n)),_e=Ve[0],qe=Ve[1],Ge=window.location.origin.includes("sg"),Ue=window.location.origin.includes("tl"),Je=(0,m.useState)({corporateId:"",username:"",password:_e.password}),Xe=Je[0],Qe=Je[1],Ye=function(){return N?"mobile":O?"tablet":"desktop"},Ke=function(e){e.preventDefault(),Qe((0,o.Z)((0,r.Z)({},Xe),(0,i.Z)({},e.target.name,"username"===e.target.name?e.target.value.replace(/[^0-9A-Za-z @._-]/g,"").slice(0,50):e.target.value.slice(0,50))))},$e=function(){oe(!1),He(!1)},en=function(){de(!1),He(!1),me(),Ze()};(0,m.useEffect)((function(){se()}),[]),(0,m.useEffect)((function(){var e=localStorage.getItem("mfa-device");ne&&e||te()}),[ne]),(0,m.useEffect)((function(){(0,S.fn)(v,null,q),(Ge||Ue)&&w("EN"),W()}),[]),(0,m.useEffect)((function(){G&&setTimeout((function(){q({type:"ERROR_LOGIN",payload:{isOpen:!1}})}),4e3)}),[G]),(0,m.useEffect)((function(){""!==Xe.username||""!==_e.password?Ce(!0):Ce(!1);var e=document.getElementById("username"),n=document.getElementById("password");setTimeout((function(){e.matches(":autofill")&&n.matches(":autofill")&&Ce(!0)}),500)}),[Xe.username,_e.password]);var nn;(0,Z.v9)((function(e){var n;return null===e||void 0===e||null===(n=e.languageContent)||void 0===n?void 0:n.lang}));return(0,a.jsxs)(b.Z,{language:v,changeLanguage:w,data:C,label:y,homepage:!0,children:[be?(0,a.jsx)(J,{setShowLoadingPage:ve}):null,(0,a.jsx)(Gn,{open:Oe,handleClose:function(){return We(!1)},language:v}),(0,a.jsx)(Mn,{open:re,onClose:$e,onSubmit:function(e,n){ae(e,V,$,q,ke,Ae,Te,$e,n,Ye())},isLoadingMFA:Ee}),(0,a.jsx)(Tn,{open:ce,onClose:en,onSubmit:function(e,n){fe(V,e,n,$,q,Ae,Te,en)}}),(0,a.jsx)(Pn.Z,{isOpen:Fe,onClose:function(){Te(!1)},image:(0,a.jsx)(F,{}),title:(0,L.f7)("loginPage.generalErrorTitle"),description:Me?(0,L.f7)("loginPage.noInternet"):(0,L.f7)("loginPage.generalErrorDescription"),isShowButton:!1}),(0,a.jsx)(Pn.Z,{isOpen:U,onClose:function(){q({type:"ERROR_LOGIN",payload:{isOpen:!1,isOpenModal:!1}}),He(!1)},image:(0,a.jsx)(F,{}),title:Y,description:Q,isShowButton:!1}),(0,a.jsx)(Pn.Z,{isOpen:pe,onClose:function(){me(),Ze(),xe(!1),He(!1)},image:ue?(0,a.jsx)(On,{}):(0,a.jsx)(F,{}),title:ue?(0,L.f7)("loginpage.mfaSessionExpiredTitle"):he,description:ue?(0,L.f7)("loginpage.mfaSessionExpiredDesc"):ge,isShowButton:!1}),(0,a.jsx)(I,{isModalOpen:Ee}),(0,a.jsxs)(c.Z,{sx:(0,o.Z)((0,r.Z)({},Jn.wrapper),{padding:k&&"2rem 0"}),children:[(0,a.jsxs)(c.Z,{sx:(0,o.Z)((0,r.Z)({},Jn.subWrapperUp),{width:k?"95%":"100%",flexDirection:k?"row":"column",alignItems:"center",justifyContent:k&&"space-evenly",borderRadius:k&&"350px 45px 45px 45px",padding:A?"7rem 0rem 7rem 0":z?"3rem 0":"4rem 0"}),children:[(0,a.jsxs)(c.Z,{sx:(0,o.Z)((0,r.Z)({},Jn.containerLogo),{width:A?"50%":z||P?"80%":"70%",height:"90%",display:"flex",justifyContent:"center",alignItems:"center",position:"relative",flexDirection:"column"}),children:[(0,a.jsx)(c.Z,{sx:(0,o.Z)((0,r.Z)({},Jn.backgroundLogo),{width:k||A?"100%":z?"444px":"100%",height:k?"311px":A?"409px":z?"444px":"487px",position:"absolute",zIndex:1,borderRadius:"100%"})}),(0,a.jsx)("img",{src:"".concat(L.zW,"/images/qlola_by_bri.png"),style:{height:"100%",width:B?"75%":k?"90%":A?"75%":"100%",objectFit:"cover",zIndex:2}}),(0,a.jsx)("span",{style:(0,o.Z)((0,r.Z)({},Jn.textWelcomeMessage),{fontSize:B?"35px":k?"30px":A||z||P?"20px":"15px",marginTop:"10px",zIndex:2}),className:"margin-mobile-login",children:(0,L.f7)("loginPage.welcomeMessage.wsa")})]}),(0,a.jsxs)(c.Z,{sx:{margin:A&&"0 2rem",marginTop:!k&&A?"7rem":R?"2rem":null,width:B?"400px":k?"44%":A?"400px":"80%"},children:[G&&(0,a.jsx)(c.Z,{sx:{marginBottom:"2rem"},children:(0,a.jsx)(E.l,{descriptionText:Q,titleText:(0,L.f7)("ibbizError.title.loginFailed"),onClose:function(){return q({type:"ERROR_LOGIN",payload:{isOpen:!1}})},dispatch:q})}),(0,a.jsxs)(c.Z,{sx:(0,o.Z)((0,r.Z)({},Jn.subWrapperDown),{gap:"10px",backgroundColor:"rgba(255, 255, 255, 0.25)",borderRadius:"20px",padding:"1rem 1.5rem",overflow:"hidden",alignSelf:!A&&"center",zIndex:!k&&3}),children:[(0,a.jsx)(c.Z,{sx:Jn.cardTitle}),(0,a.jsx)("span",{style:(0,o.Z)((0,r.Z)({},Jn.label),{fontSize:"24px",textTransform:"uppercase",marginTop:"20px"}),children:(0,L.f7)("loginPage.titleCardLogin")}),(0,a.jsxs)(c.Z,{sx:Jn.containerInput,children:[(0,a.jsxs)("span",{style:(0,o.Z)((0,r.Z)({},Jn.label),{fontSize:"18px",display:"flex",alignItems:"center"}),children:[" ",(0,L.f7)("loginPage.corporateId"),(0,a.jsx)(d.Z,{disableFocusListener:!0,title:(0,a.jsx)(Rn.de,{children:(0,L.f7)("loginPage.tooltip")}),componentsProps:{tooltip:{sx:{backgroundColor:"white !important",color:"#666666",px:2,py:1,boxShadow:"1px 2px 4px rgba(0,0,0,0.2)"}},arrow:{sx:{color:"white !important"}}},arrow:!0,children:(0,a.jsx)("img",{src:"".concat(L.zW,"/icon/icon_information.svg"),style:{marginLeft:"5px"}})})]}),(0,a.jsx)(j.II,{autoComplete:"off",name:"corporateId",onChange:function(e){return Ke(e)},fullWidth:!0,type:"text",value:Xe.corporateId,sx:(0,o.Z)((0,r.Z)({},Jn.input),{borderBottom:A?null:"1px solid #e6e8e8",fontSize:"16px"}),placeholder:(0,L.f7)("loginPage.placeHolder.corporateID"),onKeyDown:function(e){"Enter"!==e.key||Ie||h(Xe.corporateId,Xe.username,_e.password,V,He,$,Ye())}})]}),(0,a.jsxs)(c.Z,{sx:Jn.containerInput,children:[(0,a.jsx)("span",{style:(0,o.Z)((0,r.Z)({},Jn.label),{fontSize:"18px"}),children:(0,L.f7)("loginPage.userId")}),(0,a.jsx)(j.II,{autoComplete:"off",id:"username",name:"username","data-cy":"username",onChange:function(e){return Ke(e)},fullWidth:!0,type:"text",value:Xe.username,sx:(0,o.Z)((0,r.Z)({},Jn.input),{borderBottom:A?null:"1px solid #e6e8e8",fontSize:"16px"}),placeholder:(0,L.f7)("loginPage.placeHolder.userId"),onKeyDown:function(e){"Enter"!==e.key||Ie||(e.keyCode,we&&h(Xe.corporateId,Xe.username,_e.password,V,He,$,Ye()))}})]}),(0,a.jsxs)(c.Z,{sx:(0,o.Z)((0,r.Z)({},Jn.containerInput),{position:"relative"}),children:[(0,a.jsx)("span",{style:(0,o.Z)((0,r.Z)({},Jn.label),{fontSize:"18px"}),children:(0,L.f7)("loginPage.userPassword")}),(0,a.jsx)(j.II,{autoComplete:"off",sx:(0,o.Z)((0,r.Z)({},Jn.input),{borderBottom:A?null:"1px solid #e6e8e8",fontSize:"16px"}),id:"password","data-cy":"password",name:"password",placeholder:(0,L.f7)("loginPage.placeHolder.password"),type:_e.showPassword?"text":"password",onChange:(nn="password",function(e){qe((0,o.Z)((0,r.Z)({},_e),(0,i.Z)({},nn,e.target.value.slice(0,50))))}),value:_e.password,maxLength:20,fullWidth:!0,onKeyDown:function(e){"Enter"!==e.key||Ie||(e.keyCode,we&&h(Xe.corporateId,Xe.username,_e.password,V,He,$,Ye()))},endAdornment:(0,a.jsx)(p.Z,{position:"end",children:(0,a.jsx)(x.Z,{"data-cy":"showPassword",onClick:function(){qe((0,o.Z)((0,r.Z)({},_e),{showPassword:!_e.showPassword}))},onMouseDown:function(e){e.preventDefault()},children:_e.showPassword?(0,a.jsx)(s.Z,{}):(0,a.jsx)(l.Z,{})})})}),X&&(0,a.jsx)(c.Z,{sx:{width:"100%",display:"flex",justifyContent:"center",position:"absolute",top:"55px",zIndex:10},children:(0,a.jsx)(D,{alert:X,TabletM:M,message:(0,L.f7)("forgotPassword.emailSentAlert")})})]}),(0,a.jsx)(c.Z,{sx:Jn.wrapperForgotPassword,children:(0,a.jsx)(j.qQ,{"data-cy":"forgotPassword",id:"forgotPassword",onClick:function(){return V.push("/forgot-password")},style:{textDecoration:"underline",cursor:"pointer",color:"#fff"},children:(0,L.f7)("loginPage.forgotPassword")})}),(0,a.jsx)(j.cj,{style:{width:k?"50%":"100%",height:"40px",marginLeft:A&&"5px",color:we?"white":"#B5B6B6",background:we?"#f17025":"#EAEBEB"},"data-cy":"loginButton",onClick:function(e){13!==e.keyCode||Ie?we&&!Ie&&h(Xe.corporateId,Xe.username,_e.password,V,He,$,Ye()):we&&h(Xe.corporateId,Xe.username,_e.password,V,He,$,Ye())},children:(0,L.f7)("loginPage.buttonNext")}),"true"==(null===_||void 0===_?void 0:_.forgot)&&(0,a.jsx)(c.Z,{sx:{width:"100%"},children:(0,a.jsx)(u.Z,{in:ze,children:(0,a.jsx)(g.Z,{sx:Jn.alertSuccess,action:(0,a.jsx)(x.Z,{"aria-label":"close",color:"inherit",size:"small",onClick:function(){Re(!1)}}),children:(0,L.f7)("loginPage.AlertReset")})})})]})]})]}),(0,a.jsx)(mn,{})]}),Ie&&!Ee&&(0,a.jsx)(T.Z,{})]})})))},99888:function(e,n,t){t.d(n,{C:function(){return o}});var i=t(64529),r=t(782),o=(0,i.Ue)((0,r.tJ)((function(e){return{dataCustomerConsent:{},setDataCustomerConsent:function(n){e({dataCustomerConsent:n})},alertConsent:!1,setAlertConsent:function(n){e({alertConsent:n})}}}),{name:"customer-consent-storage",getStorage:function(){return sessionStorage}}))}}]);